123 lines
2.0 KiB
SCSS
123 lines
2.0 KiB
SCSS
@use '../utils/' as *;
|
|
|
|
.sp1{
|
|
padding: 100px 0 100px;
|
|
@media #{$xs} {
|
|
padding: 50px 0 50px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 50px 0 50px;
|
|
}
|
|
}
|
|
.sp2{
|
|
padding: 100px 0 70px;
|
|
@media #{$xs} {
|
|
padding: 50px 0 20px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 50px 0 20px;
|
|
}
|
|
}
|
|
.sp3{
|
|
padding: 0 0 80px;
|
|
@media #{$xs} {
|
|
padding: 0 0 40px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 0 0 40px;
|
|
}
|
|
}
|
|
.sp4{
|
|
padding: 80px 0 80px;
|
|
@media #{$xs} {
|
|
padding: 40px 0 40px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 40px 0 40px;
|
|
}
|
|
}
|
|
.sp5{
|
|
padding:60px 0 60px;
|
|
@media #{$xs} {
|
|
padding: 30px 0 30px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 30px 0 30px;
|
|
}
|
|
}
|
|
.sp6{
|
|
padding:120px 0 120px;
|
|
@media #{$xs} {
|
|
padding: 60px 0 60px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 60px 0 60px;
|
|
}
|
|
}
|
|
.sp7{
|
|
padding: 120px 0 90px;
|
|
@media #{$xs} {
|
|
padding: 60px 0 30px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 60px 0 30px;
|
|
}
|
|
}
|
|
.sp8{
|
|
padding: 100px 0 0;
|
|
@media #{$xs} {
|
|
padding: 50px 0 0;
|
|
}
|
|
@media #{$md} {
|
|
padding: 50px 0 0;
|
|
}
|
|
}
|
|
.sp9{
|
|
padding: 120px 0 0;
|
|
@media #{$xs} {
|
|
padding: 60px 0 0;
|
|
}
|
|
@media #{$md} {
|
|
padding: 60px 0 0;
|
|
}
|
|
}
|
|
.sp10{
|
|
padding: 0 0 100px;
|
|
@media #{$xs} {
|
|
padding: 0 0 50px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 0 0 50px;
|
|
}
|
|
}
|
|
|
|
.sp12{
|
|
padding: 0 0 120px;
|
|
@media #{$xs} {
|
|
padding: 0 0 60px;
|
|
}
|
|
@media #{$md} {
|
|
padding: 0 0 60px;
|
|
}
|
|
}
|
|
|
|
.space-margin60 {
|
|
margin-bottom: 60px;
|
|
@media #{$xs} {
|
|
margin-bottom: 30px;
|
|
}
|
|
@media #{$md} {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
.space-margin80 {
|
|
margin-bottom: 80px;
|
|
@media #{$xs} {
|
|
margin-bottom: 40px;
|
|
}
|
|
@media #{$md} {
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
|