You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
1.2 KiB
91 lines
1.2 KiB
.body-background{ |
|
position: fixed; |
|
top:0; |
|
left:0; |
|
width:100%; |
|
height:100%; |
|
background:{ |
|
size:100% 100%; |
|
position: center center; |
|
repeat:no-repeat; |
|
} |
|
z-index: -1; |
|
} |
|
.border-box{ |
|
box-sizing: border-box; |
|
} |
|
.flex{ |
|
display:flex; |
|
} |
|
.row{ |
|
box-sizing: border-box; |
|
width:100%; |
|
display:flex; |
|
flex-wrap: wrap; |
|
} |
|
.col-12{ |
|
box-sizing: border-box; |
|
flex: 0 0 100%; |
|
} |
|
.col-8{ |
|
box-sizing: border-box; |
|
flex: 0 0 66.66%; |
|
} |
|
.col-6{ |
|
box-sizing: border-box; |
|
flex: 0 0 50%; |
|
} |
|
.col-4{ |
|
box-sizing: border-box; |
|
flex: 0 0 33.33%; |
|
} |
|
.col-3{ |
|
box-sizing: border-box; |
|
flex: 0 0 25%; |
|
} |
|
.col{ |
|
flex:1; |
|
} |
|
.col-auto{ |
|
flex:auto; |
|
} |
|
|
|
.align-center{ |
|
align-items: center; |
|
} |
|
.justify-center{ |
|
justify-content: center; |
|
} |
|
.justify-between{ |
|
justify-content: space-between; |
|
} |
|
.text-center{ |
|
text-align: center; |
|
} |
|
|
|
@for $i from 1 through 5 { |
|
.mb-#{$i} { |
|
margin-bottom: #{$i}0rpx; |
|
} |
|
.mr-#{$i} { |
|
margin-right: #{$i}0rpx; |
|
} |
|
.ml-#{$i} { |
|
margin-left: #{$i}0rpx; |
|
} |
|
.mt-#{$i} { |
|
margin-top: #{$i}0rpx; |
|
} |
|
.pb-#{$i} { |
|
padding-bottom: #{$i}0rpx; |
|
} |
|
.pr-#{$i} { |
|
padding-right: #{$i}0rpx; |
|
} |
|
.pl-#{$i} { |
|
padding-left: #{$i}0rpx; |
|
} |
|
.pt-#{$i} { |
|
padding-top: #{$i}0rpx; |
|
} |
|
} |