UNPKG

generator-zl-fis3-less

Version:

基于 Yeoman 的 FIS3 主题模板制作框架初始化脚手架

97 lines (76 loc) • 3.02 kB
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
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
// /* 变量定义 */ @isFluid: true; // 是否存在通栏情况 // /* 1. 全局变量 */ @globalFont: 12px "Microsoft YaHei", 'SimSun', tahoma, Verdana, arial, sans-serif; @globalColor: #333; @linkColor: #333; @linkHoverColor: #c40000; @linkTextDecoration: none; @linkHoverTextDecoration: none; // /* 2. 定义布局大小 */ @pageWidth: 100%; // /* 容器总宽度(含 @gutter ) */ @containerOutWidth: 980px; // /* 管道大小 */ // /* 用于非通栏元素的 margin-left 和 margin-right (除 .container 之外) */ // 用于 .module 的 margin-right // /* .container 的实际可视宽度为: @containerOutWidth - (@gutter * 2) */ // /* 此例为: 1000 - (20 * 2) = 960 */ @gutter: 10px; @rowMarginBT: 10px; // /* 非主容器的显示宽度 */ @containerInnerWidth: @containerOutWidth - (@gutter * 2); // /* 主页面内容容器的宽度 */ @mainContainerInnerWidth: @containerOutWidth - @gutter ; // /* 3. 定义颜色和皮肤 */ // 参考: http://www.zcool.com.cn/article/ZMTUyNDc2.html @lightenPercent: 6%; // /* 默认皮肤颜色 */ @defaultSkinColor: #c40000; // 主导航菜单左右边框颜色 //@webNav_navbar_bg: #dd3131; @webNav_navbar_borderColor: lighten(@defaultSkinColor,@lightenPercent); // 主导航菜单字体颜色 @webNav_navbar_fontColor: #ffffff; // 主导航菜单的激活背景色 @webNav_navbar_aHoverBg: #b10000; @redSkinColor: #c40000; // 主导航菜单左右边框颜色 @red_webNav_navbar_borderColor: lighten(@redSkinColor,@lightenPercent); // 主导航菜单字体颜色 @red_webNav_navbar_fontColor: #ffffff; // 主导航菜单的激活背景色 @red_webNav_navbar_aHoverBg: #b10000; @greenSkinColor: #75aa01; // 主导航菜单左右边框颜色 @green_webNav_navbar_borderColor: lighten(@greenSkinColor,@lightenPercent); // 主导航菜单字体颜色 @green_webNav_navbar_fontColor: #ffffff; // 主导航菜单的激活背景色 @green_webNav_navbar_aHoverBg: #75aa01; @blueSkinColor: #0068b1; // 主导航菜单左右边框颜色 //@blue_webNav_navbar_bg: #0086c1; @blue_webNav_navbar_borderColor:lighten(@blueSkinColor,@lightenPercent); // 主导航菜单字体颜色 @blue_webNav_navbar_fontColor: #ffffff; // 主导航菜单的激活背景色 @blue_webNav_navbar_aHoverBg: #0068b1; @yellowSkinColor: #ffbd0c; // 主导航菜单左右边框颜色 @yellow_webNav_navbar_borderColor:lighten(@yellowSkinColor,@lightenPercent); // 主导航菜单字体颜色 @yellow_webNav_navbar_fontColor: #ffffff; // 主导航菜单的激活背景色 @yellow_webNav_navbar_aHoverBg: #ffbd0c; // /* 5. 定义模块样式 */ // /* 5.1 文章列表 */ // /* 5.2 焦点图片 */ // /* 5.3 多图滚动 */ // /* 5.4 单个图片 */ // /* 4. 非模块页面元素 */ // /* 4.1 #topArea > .topAreaBar */ // 4.2 #header > .headerBar // /* 4.3 #webNav > .webNavBar */ // /* 4.4 #mainContainer.container > #containerBar.containerBar */ // /* 4.5 #footer > .footerBar */