Newer
Older
font-weight: 400;
}
html,body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a,p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption {
padding: 0;
margin: 0;
list-style: none;
font-style: normal;
text-decoration: none;
border: none;
font-family: "Microsoft Yahei", sans-serif;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
&:focus {
outline: none;
}
}
a{
color: #333333;
}
//common color
$main-color:#e24346;
$border-color:#dddddd;
$color-333:#333333;
$color-666:#666666;
$color-999:#999999;
//字体常用颜色
.main-color{color:$main-color;}
//常用字体颜色
.color-333{color:$color-333}
.color-666{color:$color-666}
.color-999{color:$color-999}
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
//行内元素位置
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
@for $i from 0 to 201 {
.margin-left-#{$i} {
margin-left: #{$i}px;
}
.margin-right-#{$i} {
margin-right: #{$i}px;
}
.margin-top-#{$i} {
margin-top: #{$i}px;
}
.margin-bottom-#{$i} {
margin-bottom: #{$i}px;
}
.padding-left-#{$i} {
padding-left: #{$i}px;
}
.padding-right-#{$i} {
padding-right: #{$i}px;
}
.padding-top-#{$i} {
padding-top: #{$i}px;
}
.padding-bottom-#{$i} {
padding-bottom: #{$i}px;
}
@for $j from 0 to 201 {
.margin-#{$i}-#{$j} {
margin: #{$i}px #{$j}px !important;
}
.padding-#{$i}-#{$j} {
padding: #{$i}px #{$j}px !important;
}
}
.height-#{$i}{
height: #{$i}px !important;
}
.font-size-#{$i}{
font-size: #{$i}px;
}
}
//flex布局
.flex{
display: flex;
}
@for $j from 1 to 25{
.flex-#{$j}{
flex: #{$j};
}
}
.clear{
clear: both;
}
//边框 border
.border-top{border-top: 1px solid $border-color;}
.border-bottom{border-bottom: 1px solid $border-color;}
.border-left{border-left: 1px solid $border-color;}
.border-right{border-right: 1px solid $border-color;}
.border-top-main{border-top: 1px solid $main-color;}
.border-bottom-main{border-bottom: 1px solid $main-color;}
.border-left-main{border-left: 1px solid $main-color;}
.border-right-main{border-right: 1px solid $main-color;}
//背景色
.background-white{background-color: #fff;}