Blame view

src/styles/_var.scss 1.17 KB
simon committed
1 2 3 4 5 6 7 8
/**
 * ------------------------------------------------------------------
 * Sass 变量
 *
 * ------------------------------------------------------------------
 *
 */

simon committed
9
$contentWidth:1200px;
simon committed
10

simon committed
11 12
$borderRadiusSmall:5px;
$borderRadius:8px;
simon committed
13

simon committed
14
// Margin
simon committed
15 16
$marginSmallHalf: 5px; // 小间距的一半
$marginSmall: 10px; // 小间距
simon committed
17 18
$marginMedium: 28px; // 间距
// $marginLarge: 28px;
simon committed
19 20

// Padding
simon committed
21 22
$paddingSmall: 10px;
$paddingMedium: 28px;
simon committed
23 24

// Font
simon committed
25 26 27
$fontSizeTitle:16px;
$fontSize:14px;
$fontSizeSmall:12px;
simon committed
28

simon committed
29

simon committed
30 31 32 33
$fontSizeTitle-M:17px;
$fontSize-M:14px;
$fontSizeSmall-M:12px;

simon committed
34

simon committed
35
//新版PC字体
simon committed
36
$fontSizeTitle-M2:24px;
simon committed
37
$fontSize-M2:18px;
simon committed
38 39
$fontSizeSmall-M2:16px;

simon committed
40
// Color
simon committed
41
$cOrange:#f05a23;
simon committed
42
$cFontGray: #4c4948;
simon committed
43 44
$cGreen:#006441;
$cGray:#bfbfbf;
1  
joe committed
45
$cGray2:#494949;
simon committed
46
$cDark:#dcdcdc;
joe committed
47 48
$cLightBlack:#606266;
$cDisabled:#888888;
simon committed
49

simon committed
50
$cOrange2:#ff6839;
simon committed
51
$cFontGray2: #58595b;
simon committed
52
$cFontGray3: #666666;
simon committed
53

simon committed
54
// 文章宽度
simon committed
55
$articleWidth:1040px;
simon committed
56 57 58 59
$articleTitleLarge:36px;
$articleStrong:22px;
$articleNormal:18px;
$articleSmall:16px;
simon committed
60 61

// 移动端
simon committed
62
$marginSmall-M: 10px; // 小间距
simon committed
63 64
$marginMedium-M: 20px; // 间距
// $marginLarge: 28px;
simon committed
65

simon committed
66 67
// $navHeight-M:90px; // 移动端顶栏高度
$navHeight-M:72px; // 移动端顶栏高度