提交 | 用户 | 时间
|
58d006
|
1 |
//some elements variables |
A |
2 |
@blockquote-border:#E5EAF1; |
|
3 |
|
|
4 |
|
|
5 |
@pagination-color: #2283C5; |
|
6 |
@pagination-border: darken(#E0E8EB , 4%); |
|
7 |
@pagination-bg: #FAFAFA; |
|
8 |
@pagination-bg-hover: #EAEFF2; |
|
9 |
|
|
10 |
@pagination-bg-disabled: #F9F9F9; |
|
11 |
@pagination-border-disabled: #D9D9D9; |
|
12 |
|
|
13 |
@pagination-color-active: #FFF; |
|
14 |
@pagination-bg-active: #6FAED9; |
|
15 |
@pagination-border-active: #6FAED9; |
|
16 |
|
|
17 |
|
|
18 |
|
|
19 |
|
|
20 |
//elements |
|
21 |
.@{icon} { |
|
22 |
text-align: center; |
|
23 |
} |
|
24 |
a { |
|
25 |
&:focus, &:active { |
|
26 |
text-decoration: none; |
|
27 |
} |
|
28 |
} |
|
29 |
|
|
30 |
|
|
31 |
//header sizes |
|
32 |
.h-size(@index) when (@index > 0) { |
|
33 |
@h-tag : ~`"h@{index}"`; |
|
34 |
@{h-tag} { |
|
35 |
@tmpvar : ~`"h@{index}-size"`;//get the variable h1-size, h2-size , etc... |
|
36 |
font-size:unit(@@tmpvar , px); |
|
37 |
font-weight:normal; |
|
38 |
font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; |
|
39 |
|
|
40 |
&.smaller { |
|
41 |
font-size: unit((@@tmpvar - 1) , px); |
|
42 |
} |
|
43 |
&.bigger { |
|
44 |
font-size: unit((@@tmpvar + 1) , px); |
|
45 |
} |
|
46 |
&.block { |
|
47 |
margin-bottom: 16px; |
|
48 |
} |
|
49 |
} |
|
50 |
} |
|
51 |
.h-size(1); |
|
52 |
.h-size(2); |
|
53 |
.h-size(3); |
|
54 |
.h-size(4); |
|
55 |
.h-size(5); |
|
56 |
.h-size(6); |
|
57 |
|
|
58 |
|
|
59 |
|
|
60 |
|
|
61 |
//some list styling |
|
62 |
ul, ol { |
|
63 |
//split margins for better RTL side |
|
64 |
margin-top: 0; |
|
65 |
margin-bottom: 10px; |
|
66 |
margin-right: 0; |
|
67 |
margin-left: 25px; |
|
68 |
|
|
69 |
padding: 0; |
|
70 |
|
|
71 |
&.margin-5 { margin-left: 5px; } |
|
72 |
&.margin-10 { margin-left: 10px; } |
|
73 |
&.margin-15 { margin-left: 15px; } |
|
74 |
&.margin-20 { margin-left: 20px; } |
|
75 |
} |
|
76 |
li > ul, |
|
77 |
li > ol { |
|
78 |
margin-left: 18px; |
|
79 |
} |
|
80 |
|
|
81 |
.list-unstyled , .list-inline { |
|
82 |
margin-left: 0; |
|
83 |
|
|
84 |
> li > .@{icon}:first-child { |
|
85 |
width: 18px; |
|
86 |
text-align: center; |
|
87 |
} |
|
88 |
} |
|
89 |
|
|
90 |
.spaced > li { |
|
91 |
margin-top: 9px; |
|
92 |
margin-bottom: 9px; |
|
93 |
} |
|
94 |
.spaced2 > li { |
|
95 |
margin-top: 15px; |
|
96 |
margin-bottom: 15px; |
|
97 |
} |
|
98 |
li.divider { |
|
99 |
margin-top: 3px; |
|
100 |
margin-bottom: 3px; |
|
101 |
height: 0; |
|
102 |
font-size: 0; |
|
103 |
|
|
104 |
.spaced > & { |
|
105 |
margin-top: 5px; |
|
106 |
margin-bottom: 5px; |
|
107 |
} |
|
108 |
.spaced2 > & { |
|
109 |
margin-top: 8px; |
|
110 |
margin-bottom: 8px; |
|
111 |
} |
|
112 |
|
|
113 |
&:before { |
|
114 |
content: ""; |
|
115 |
display: inline-block; |
|
116 |
} |
|
117 |
} |
|
118 |
|
|
119 |
|
|
120 |
|
|
121 |
//little elements |
|
122 |
blockquote , blockquote.pull-right, .blockquote-reverse { |
|
123 |
border-color: @blockquote-border; |
|
124 |
} |
|
125 |
|
|
126 |
|
|
127 |
pre.prettyprint { |
|
128 |
white-space: pre-wrap; |
|
129 |
} |
|
130 |
|
|
131 |
|
|
132 |
|
|
133 |
|
|
134 |
//wells |
|
135 |
.well { |
|
136 |
.border-radius(0); |
|
137 |
} |
|
138 |
.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 { |
|
139 |
margin-top: 0; |
|
140 |
} |
|
141 |
.well h1, .well h2, .well h3 { |
|
142 |
line-height: 36px; |
|
143 |
} |
|
144 |
|
|
145 |
|
|
146 |
//alerts |
|
147 |
.alert { |
|
148 |
font-size: @font-size-alert; |
|
149 |
.border-radius(0); |
|
150 |
|
|
151 |
.close { |
|
152 |
font-size: @font-size-alert-close; |
|
153 |
} |
|
154 |
} |
|
155 |
.alert-block p + p { |
|
156 |
margin-top: 10px; |
|
157 |
} |
|
158 |
|
|
159 |
|
|
160 |
|
|
161 |
//pagination |
|
162 |
.enable_pagination() when(@enable-pagination = true) { |
|
163 |
.pagination > li > span , .pager > li > span { |
|
164 |
border-width: 1px; |
|
165 |
border-radius: 0 !important; |
|
166 |
} |
|
167 |
.pagination > li > a, .pager > li > a { |
|
168 |
border-width: 1px; |
|
169 |
border-color: @pagination-border; |
|
170 |
border-radius: 0 !important; |
|
171 |
|
|
172 |
color: @pagination-color; |
|
173 |
background-color: @pagination-bg; |
|
174 |
margin: 0 -1px 0 0; |
|
175 |
position: relative; |
|
176 |
z-index: auto; |
|
177 |
|
|
178 |
&:hover { |
|
179 |
color: darken(@pagination-color, 8%); |
|
180 |
|
|
181 |
background-color: @pagination-bg-hover; |
|
182 |
border-color: darken(@pagination-border , 6%); |
|
183 |
z-index: 1; |
|
184 |
} |
|
185 |
&:focus { |
|
186 |
background-color: spin(@pagination-bg-hover, 10%); |
|
187 |
} |
|
188 |
} |
|
189 |
|
|
190 |
.pagination > li.disabled > a, .pager > li.disabled > a { |
|
191 |
&, &:hover { |
|
192 |
background-color: @pagination-bg-disabled; |
|
193 |
border-color: @pagination-border-disabled; |
|
194 |
z-index: auto; |
|
195 |
} |
|
196 |
} |
|
197 |
|
|
198 |
.pagination > li.active > a { |
|
199 |
&, &:hover, &:focus { |
|
200 |
background-color: @pagination-bg-active; |
|
201 |
border-color: @pagination-border-active; |
|
202 |
color: @pagination-color-active; |
|
203 |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
204 |
z-index: 2; |
|
205 |
} |
|
206 |
} |
|
207 |
} |
|
208 |
.enable_pagination(); |
|
209 |
|
|
210 |
|
|
211 |
//list group |
|
212 |
.list-group { |
|
213 |
margin-left: auto; |
|
214 |
} |
|
215 |
.list-group-item { |
|
216 |
border-radius: 0 !important; |
|
217 |
} |