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
0 B
91 lines
0 B
1 year ago
|
.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;
|
||
|
|
}
|
||
|
|
}
|