-
Notifications
You must be signed in to change notification settings - Fork 2
/
_size.scss
45 lines (41 loc) · 1.06 KB
/
_size.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
$smallScreen:1080px;
$bigScreen:1600px;
$max:2200px;
@mixin exSmallType {
@media (max-width:#{$smallScreen - 1px}) {
@content;
}
}
@mixin smallType {
@media (min-width:#{$smallScreen}) and (max-width:#{$bigScreen - 1px}) {
@content;
}
}
@mixin bigType {
@media (min-width:#{$bigScreen}) and (max-width:#{$max}) {
@content;
}
}
html {
font-size: 24px; //默认的根元素的字体大小
@include exSmallType {
font-size: 8px;
}
@include smallType {
font-size: 12px;
}
@include bigType {
font-size: 22px;
}
}
$head-height:4.5625rem;
$main-height:calc(100% - 4.56rem - 0.93rem);
$main-lr-width:calc(25% - 1.25rem);
$main-center-width:calc(50% - 1.25rem);
$card-height:calc((100% - 6.25rem)*0.5 - 0.125rem);
$card-width:calc(100% - 0.125rem);
$card-header-height:1.875rem;
$card-header-font-size:1.125rem; //标题栏的字体的大小
$card-header-font-size-w110:1rem; //标题栏的字体的大小
$card-header-font-size-w200:1rem; //标题栏的字体的大小
$popup-font-size:1rem;