flatstrap-sass 2.3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/LICENSE +14 -0
- data/README.md +52 -0
- data/lib/flatstrap-sass.rb +51 -0
- data/lib/flatstrap-sass/compass_functions.rb +19 -0
- data/lib/flatstrap-sass/engine.rb +7 -0
- data/lib/flatstrap-sass/sass_functions.rb +14 -0
- data/templates/project/manifest.rb +13 -0
- data/templates/project/styles.scss +5 -0
- data/vendor/assets/javascripts/application.js +154 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +117 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +99 -0
- data/vendor/assets/javascripts/bootstrap-button.js +105 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +207 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +167 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +165 -0
- data/vendor/assets/javascripts/bootstrap-modal.js +247 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +114 -0
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +162 -0
- data/vendor/assets/javascripts/bootstrap-tab.js +144 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +361 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +60 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +335 -0
- data/vendor/assets/javascripts/bootstrap.js +2159 -0
- data/vendor/assets/javascripts/bootstrap.min.js +6 -0
- data/vendor/assets/javascripts/google-code-prettify/prettify.js +28 -0
- data/vendor/assets/javascripts/jquery.js +2 -0
- data/vendor/assets/stylesheets/flatstrap-responsive.scss +1 -0
- data/vendor/assets/stylesheets/flatstrap.scss +1 -0
- data/vendor/assets/stylesheets/flatstrap/_accordion.scss +33 -0
- data/vendor/assets/stylesheets/flatstrap/_alerts.scss +78 -0
- data/vendor/assets/stylesheets/flatstrap/_breadcrumbs.scss +23 -0
- data/vendor/assets/stylesheets/flatstrap/_button-groups.scss +211 -0
- data/vendor/assets/stylesheets/flatstrap/_buttons.scss +215 -0
- data/vendor/assets/stylesheets/flatstrap/_carousel.scss +156 -0
- data/vendor/assets/stylesheets/flatstrap/_close.scss +32 -0
- data/vendor/assets/stylesheets/flatstrap/_code.scss +59 -0
- data/vendor/assets/stylesheets/flatstrap/_component-animations.scss +22 -0
- data/vendor/assets/stylesheets/flatstrap/_dropdowns.scss +231 -0
- data/vendor/assets/stylesheets/flatstrap/_font-awesome.scss +534 -0
- data/vendor/assets/stylesheets/flatstrap/_forms.scss +646 -0
- data/vendor/assets/stylesheets/flatstrap/_grid.scss +21 -0
- data/vendor/assets/stylesheets/flatstrap/_hero-unit.scss +24 -0
- data/vendor/assets/stylesheets/flatstrap/_labels-badges.scss +79 -0
- data/vendor/assets/stylesheets/flatstrap/_layouts.scss +16 -0
- data/vendor/assets/stylesheets/flatstrap/_media.scss +55 -0
- data/vendor/assets/stylesheets/flatstrap/_mixins.scss +654 -0
- data/vendor/assets/stylesheets/flatstrap/_modals.scss +91 -0
- data/vendor/assets/stylesheets/flatstrap/_navbar.scss +481 -0
- data/vendor/assets/stylesheets/flatstrap/_navs.scss +388 -0
- data/vendor/assets/stylesheets/flatstrap/_pager.scss +42 -0
- data/vendor/assets/stylesheets/flatstrap/_pagination.scss +94 -0
- data/vendor/assets/stylesheets/flatstrap/_popovers.scss +130 -0
- data/vendor/assets/stylesheets/flatstrap/_progress-bars.scss +118 -0
- data/vendor/assets/stylesheets/flatstrap/_reset.scss +216 -0
- data/vendor/assets/stylesheets/flatstrap/_responsive-1200px-min.scss +28 -0
- data/vendor/assets/stylesheets/flatstrap/_responsive-767px-max.scss +193 -0
- data/vendor/assets/stylesheets/flatstrap/_responsive-768px-979px.scss +19 -0
- data/vendor/assets/stylesheets/flatstrap/_responsive-navbar.scss +184 -0
- data/vendor/assets/stylesheets/flatstrap/_responsive-utilities.scss +74 -0
- data/vendor/assets/stylesheets/flatstrap/_scaffolding.scss +42 -0
- data/vendor/assets/stylesheets/flatstrap/_tables.scss +183 -0
- data/vendor/assets/stylesheets/flatstrap/_thumbnails.scss +50 -0
- data/vendor/assets/stylesheets/flatstrap/_tooltip.scss +69 -0
- data/vendor/assets/stylesheets/flatstrap/_type.scss +247 -0
- data/vendor/assets/stylesheets/flatstrap/_utilities.scss +45 -0
- data/vendor/assets/stylesheets/flatstrap/_variables.scss +296 -0
- data/vendor/assets/stylesheets/flatstrap/_wells.scss +25 -0
- data/vendor/assets/stylesheets/flatstrap/bootstrap-responsive.scss +48 -0
- data/vendor/assets/stylesheets/flatstrap/bootstrap.scss +63 -0
- metadata +180 -0
@@ -0,0 +1,388 @@
|
|
1
|
+
//
|
2
|
+
// Navs
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
// BASE CLASS
|
7
|
+
// ----------
|
8
|
+
|
9
|
+
.nav {
|
10
|
+
margin-left: 0;
|
11
|
+
margin-bottom: $baseLineHeight;
|
12
|
+
list-style: none;
|
13
|
+
}
|
14
|
+
|
15
|
+
// Make links block level
|
16
|
+
.nav > li > a {
|
17
|
+
display: block;
|
18
|
+
}
|
19
|
+
.nav > li > a:hover,
|
20
|
+
.nav > li > a:focus {
|
21
|
+
text-decoration: none;
|
22
|
+
background-color: $grayLighter;
|
23
|
+
}
|
24
|
+
|
25
|
+
// Prevent IE8 from misplacing imgs
|
26
|
+
// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
|
27
|
+
.nav > li > a > img {
|
28
|
+
max-width: none;
|
29
|
+
}
|
30
|
+
|
31
|
+
// Redeclare pull classes because of specifity
|
32
|
+
.nav > .pull-right {
|
33
|
+
float: right;
|
34
|
+
}
|
35
|
+
|
36
|
+
// Nav headers (for dropdowns and lists)
|
37
|
+
.nav-header {
|
38
|
+
display: block;
|
39
|
+
padding: 3px 15px;
|
40
|
+
font-size: 11px;
|
41
|
+
font-weight: bold;
|
42
|
+
line-height: $baseLineHeight;
|
43
|
+
color: $grayLight;
|
44
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
45
|
+
text-transform: uppercase;
|
46
|
+
}
|
47
|
+
// Space them out when they follow another list item (link)
|
48
|
+
.nav li + .nav-header {
|
49
|
+
margin-top: 9px;
|
50
|
+
}
|
51
|
+
|
52
|
+
|
53
|
+
|
54
|
+
// NAV LIST
|
55
|
+
// --------
|
56
|
+
|
57
|
+
.nav-list {
|
58
|
+
padding-left: 15px;
|
59
|
+
padding-right: 15px;
|
60
|
+
margin-bottom: 0;
|
61
|
+
}
|
62
|
+
.nav-list > li > a,
|
63
|
+
.nav-list .nav-header {
|
64
|
+
margin-left: -15px;
|
65
|
+
margin-right: -15px;
|
66
|
+
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
67
|
+
}
|
68
|
+
.nav-list > li > a {
|
69
|
+
padding: 3px 15px;
|
70
|
+
}
|
71
|
+
.nav-list > .active > a,
|
72
|
+
.nav-list > .active > a:hover,
|
73
|
+
.nav-list > .active > a:focus {
|
74
|
+
color: $white;
|
75
|
+
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
76
|
+
background-color: $linkColor;
|
77
|
+
}
|
78
|
+
.nav-list [class^="icon-"],
|
79
|
+
.nav-list [class*=" icon-"] {
|
80
|
+
margin-right: 2px;
|
81
|
+
}
|
82
|
+
// Dividers (basically an hr) within the dropdown
|
83
|
+
.nav-list .divider {
|
84
|
+
@include nav-divider();
|
85
|
+
}
|
86
|
+
|
87
|
+
|
88
|
+
|
89
|
+
// TABS AND PILLS
|
90
|
+
// -------------
|
91
|
+
|
92
|
+
// Common styles
|
93
|
+
.nav-tabs,
|
94
|
+
.nav-pills {
|
95
|
+
@include clearfix();
|
96
|
+
}
|
97
|
+
.nav-tabs > li,
|
98
|
+
.nav-pills > li {
|
99
|
+
float: left;
|
100
|
+
}
|
101
|
+
.nav-tabs > li > a,
|
102
|
+
.nav-pills > li > a {
|
103
|
+
padding-right: 12px;
|
104
|
+
padding-left: 12px;
|
105
|
+
margin-right: 2px;
|
106
|
+
line-height: 14px; // keeps the overall height an even number
|
107
|
+
}
|
108
|
+
|
109
|
+
// TABS
|
110
|
+
// ----
|
111
|
+
|
112
|
+
// Give the tabs something to sit on
|
113
|
+
.nav-tabs {
|
114
|
+
border-bottom: 1px solid #ddd;
|
115
|
+
}
|
116
|
+
// Make the list-items overlay the bottom border
|
117
|
+
.nav-tabs > li {
|
118
|
+
margin-bottom: -1px;
|
119
|
+
}
|
120
|
+
// Actual tabs (as links)
|
121
|
+
.nav-tabs > li > a {
|
122
|
+
padding-top: 8px;
|
123
|
+
padding-bottom: 8px;
|
124
|
+
line-height: $baseLineHeight;
|
125
|
+
border: 1px solid transparent;
|
126
|
+
&:hover,
|
127
|
+
&:focus {
|
128
|
+
border-color: $grayLighter $grayLighter #ddd;
|
129
|
+
}
|
130
|
+
}
|
131
|
+
// Active state, and it's :hover/:focus to override normal :hover/:focus
|
132
|
+
.nav-tabs > .active > a,
|
133
|
+
.nav-tabs > .active > a:hover,
|
134
|
+
.nav-tabs > .active > a:focus {
|
135
|
+
color: $gray;
|
136
|
+
background-color: $bodyBackground;
|
137
|
+
border: 1px solid #ddd;
|
138
|
+
border-bottom-color: transparent;
|
139
|
+
cursor: default;
|
140
|
+
}
|
141
|
+
|
142
|
+
|
143
|
+
// PILLS
|
144
|
+
// -----
|
145
|
+
|
146
|
+
// Links rendered as pills
|
147
|
+
.nav-pills > li > a {
|
148
|
+
padding-top: 8px;
|
149
|
+
padding-bottom: 8px;
|
150
|
+
margin-top: 2px;
|
151
|
+
margin-bottom: 2px;
|
152
|
+
}
|
153
|
+
|
154
|
+
// Active state
|
155
|
+
.nav-pills > .active > a,
|
156
|
+
.nav-pills > .active > a:hover,
|
157
|
+
.nav-pills > .active > a:focus {
|
158
|
+
color: $white;
|
159
|
+
background-color: $linkColor;
|
160
|
+
}
|
161
|
+
|
162
|
+
|
163
|
+
|
164
|
+
// STACKED NAV
|
165
|
+
// -----------
|
166
|
+
|
167
|
+
// Stacked tabs and pills
|
168
|
+
.nav-stacked > li {
|
169
|
+
float: none;
|
170
|
+
}
|
171
|
+
.nav-stacked > li > a {
|
172
|
+
margin-right: 0; // no need for the gap between nav items
|
173
|
+
}
|
174
|
+
|
175
|
+
// Tabs
|
176
|
+
.nav-tabs.nav-stacked {
|
177
|
+
border-bottom: 0;
|
178
|
+
}
|
179
|
+
.nav-tabs.nav-stacked > li > a {
|
180
|
+
border: 1px solid #ddd;
|
181
|
+
}
|
182
|
+
.nav-tabs.nav-stacked > li > a:hover,
|
183
|
+
.nav-tabs.nav-stacked > li > a:focus {
|
184
|
+
border-color: #ddd;
|
185
|
+
z-index: 2;
|
186
|
+
}
|
187
|
+
|
188
|
+
// Pills
|
189
|
+
.nav-pills.nav-stacked > li > a {
|
190
|
+
margin-bottom: 3px;
|
191
|
+
}
|
192
|
+
.nav-pills.nav-stacked > li:last-child > a {
|
193
|
+
margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
|
194
|
+
}
|
195
|
+
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
// Default dropdown links
|
200
|
+
// -------------------------
|
201
|
+
// Make carets use linkColor to start
|
202
|
+
.nav .dropdown-toggle .caret {
|
203
|
+
border-top-color: $linkColor;
|
204
|
+
border-bottom-color: $linkColor;
|
205
|
+
margin-top: 6px;
|
206
|
+
}
|
207
|
+
.nav .dropdown-toggle:hover .caret,
|
208
|
+
.nav .dropdown-toggle:focus .caret {
|
209
|
+
border-top-color: $linkColorHover;
|
210
|
+
border-bottom-color: $linkColorHover;
|
211
|
+
}
|
212
|
+
/* move down carets for tabs */
|
213
|
+
.nav-tabs .dropdown-toggle .caret {
|
214
|
+
margin-top: 8px;
|
215
|
+
}
|
216
|
+
|
217
|
+
// Active dropdown links
|
218
|
+
// -------------------------
|
219
|
+
.nav .active .dropdown-toggle .caret {
|
220
|
+
border-top-color: #fff;
|
221
|
+
border-bottom-color: #fff;
|
222
|
+
}
|
223
|
+
.nav-tabs .active .dropdown-toggle .caret {
|
224
|
+
border-top-color: $gray;
|
225
|
+
border-bottom-color: $gray;
|
226
|
+
}
|
227
|
+
|
228
|
+
// Active:hover/:focus dropdown links
|
229
|
+
// -------------------------
|
230
|
+
.nav > .dropdown.active > a:hover,
|
231
|
+
.nav > .dropdown.active > a:focus {
|
232
|
+
cursor: pointer;
|
233
|
+
}
|
234
|
+
|
235
|
+
// Open dropdowns
|
236
|
+
// -------------------------
|
237
|
+
.nav-tabs .open .dropdown-toggle,
|
238
|
+
.nav-pills .open .dropdown-toggle,
|
239
|
+
.nav > li.dropdown.open.active > a:hover,
|
240
|
+
.nav > li.dropdown.open.active > a:focus {
|
241
|
+
color: $white;
|
242
|
+
background-color: $grayLight;
|
243
|
+
border-color: $grayLight;
|
244
|
+
}
|
245
|
+
.nav li.dropdown.open .caret,
|
246
|
+
.nav li.dropdown.open.active .caret,
|
247
|
+
.nav li.dropdown.open a:hover .caret,
|
248
|
+
.nav li.dropdown.open a:focus .caret {
|
249
|
+
border-top-color: $white;
|
250
|
+
border-bottom-color: $white;
|
251
|
+
@include opacity(100);
|
252
|
+
}
|
253
|
+
|
254
|
+
// Dropdowns in stacked tabs
|
255
|
+
.tabs-stacked .open > a:hover,
|
256
|
+
.tabs-stacked .open > a:focus {
|
257
|
+
border-color: $grayLight;
|
258
|
+
}
|
259
|
+
|
260
|
+
|
261
|
+
|
262
|
+
// TABBABLE
|
263
|
+
// --------
|
264
|
+
|
265
|
+
|
266
|
+
// COMMON STYLES
|
267
|
+
// -------------
|
268
|
+
|
269
|
+
// Clear any floats
|
270
|
+
.tabbable {
|
271
|
+
@include clearfix();
|
272
|
+
}
|
273
|
+
.tab-content {
|
274
|
+
overflow: auto; // prevent content from running below tabs
|
275
|
+
}
|
276
|
+
|
277
|
+
// Remove border on bottom, left, right
|
278
|
+
.tabs-below > .nav-tabs,
|
279
|
+
.tabs-right > .nav-tabs,
|
280
|
+
.tabs-left > .nav-tabs {
|
281
|
+
border-bottom: 0;
|
282
|
+
}
|
283
|
+
|
284
|
+
// Show/hide tabbable areas
|
285
|
+
.tab-content > .tab-pane,
|
286
|
+
.pill-content > .pill-pane {
|
287
|
+
display: none;
|
288
|
+
}
|
289
|
+
.tab-content > .active,
|
290
|
+
.pill-content > .active {
|
291
|
+
display: block;
|
292
|
+
}
|
293
|
+
|
294
|
+
|
295
|
+
// BOTTOM
|
296
|
+
// ------
|
297
|
+
|
298
|
+
.tabs-below > .nav-tabs {
|
299
|
+
border-top: 1px solid #ddd;
|
300
|
+
}
|
301
|
+
.tabs-below > .nav-tabs > li {
|
302
|
+
margin-top: -1px;
|
303
|
+
margin-bottom: 0;
|
304
|
+
}
|
305
|
+
.tabs-below > .nav-tabs > li > a {
|
306
|
+
&:hover,
|
307
|
+
&:focus {
|
308
|
+
border-bottom-color: transparent;
|
309
|
+
border-top-color: #ddd;
|
310
|
+
}
|
311
|
+
}
|
312
|
+
.tabs-below > .nav-tabs > .active > a,
|
313
|
+
.tabs-below > .nav-tabs > .active > a:hover,
|
314
|
+
.tabs-below > .nav-tabs > .active > a:focus {
|
315
|
+
border-color: transparent #ddd #ddd #ddd;
|
316
|
+
}
|
317
|
+
|
318
|
+
// LEFT & RIGHT
|
319
|
+
// ------------
|
320
|
+
|
321
|
+
// Common styles
|
322
|
+
.tabs-left > .nav-tabs > li,
|
323
|
+
.tabs-right > .nav-tabs > li {
|
324
|
+
float: none;
|
325
|
+
}
|
326
|
+
.tabs-left > .nav-tabs > li > a,
|
327
|
+
.tabs-right > .nav-tabs > li > a {
|
328
|
+
min-width: 74px;
|
329
|
+
margin-right: 0;
|
330
|
+
margin-bottom: 3px;
|
331
|
+
}
|
332
|
+
|
333
|
+
// Tabs on the left
|
334
|
+
.tabs-left > .nav-tabs {
|
335
|
+
float: left;
|
336
|
+
margin-right: 19px;
|
337
|
+
border-right: 1px solid #ddd;
|
338
|
+
}
|
339
|
+
.tabs-left > .nav-tabs > li > a {
|
340
|
+
margin-right: -1px;
|
341
|
+
}
|
342
|
+
.tabs-left > .nav-tabs > li > a:hover,
|
343
|
+
.tabs-left > .nav-tabs > li > a:focus {
|
344
|
+
border-color: $grayLighter #ddd $grayLighter $grayLighter;
|
345
|
+
}
|
346
|
+
.tabs-left > .nav-tabs .active > a,
|
347
|
+
.tabs-left > .nav-tabs .active > a:hover,
|
348
|
+
.tabs-left > .nav-tabs .active > a:focus {
|
349
|
+
border-color: #ddd transparent #ddd #ddd;
|
350
|
+
*border-right-color: $white;
|
351
|
+
}
|
352
|
+
|
353
|
+
// Tabs on the right
|
354
|
+
.tabs-right > .nav-tabs {
|
355
|
+
float: right;
|
356
|
+
margin-left: 19px;
|
357
|
+
border-left: 1px solid #ddd;
|
358
|
+
}
|
359
|
+
.tabs-right > .nav-tabs > li > a {
|
360
|
+
margin-left: -1px;
|
361
|
+
}
|
362
|
+
.tabs-right > .nav-tabs > li > a:hover,
|
363
|
+
.tabs-right > .nav-tabs > li > a:focus {
|
364
|
+
border-color: $grayLighter $grayLighter $grayLighter #ddd;
|
365
|
+
}
|
366
|
+
.tabs-right > .nav-tabs .active > a,
|
367
|
+
.tabs-right > .nav-tabs .active > a:hover,
|
368
|
+
.tabs-right > .nav-tabs .active > a:focus {
|
369
|
+
border-color: #ddd #ddd #ddd transparent;
|
370
|
+
*border-left-color: $white;
|
371
|
+
}
|
372
|
+
|
373
|
+
|
374
|
+
|
375
|
+
// DISABLED STATES
|
376
|
+
// ---------------
|
377
|
+
|
378
|
+
// Gray out text
|
379
|
+
.nav > .disabled > a {
|
380
|
+
color: $grayLight;
|
381
|
+
}
|
382
|
+
// Nuke hover/focus effects
|
383
|
+
.nav > .disabled > a:hover,
|
384
|
+
.nav > .disabled > a:focus {
|
385
|
+
text-decoration: none;
|
386
|
+
background-color: transparent;
|
387
|
+
cursor: default;
|
388
|
+
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
//
|
2
|
+
// Pager pagination
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
.pager {
|
7
|
+
margin: $baseLineHeight 0;
|
8
|
+
list-style: none;
|
9
|
+
text-align: center;
|
10
|
+
@include clearfix();
|
11
|
+
}
|
12
|
+
.pager li {
|
13
|
+
display: inline;
|
14
|
+
}
|
15
|
+
.pager li > a,
|
16
|
+
.pager li > span {
|
17
|
+
display: inline-block;
|
18
|
+
padding: 5px 14px;
|
19
|
+
background-color: #fff;
|
20
|
+
border: 1px solid #ddd;
|
21
|
+
}
|
22
|
+
.pager li > a:hover,
|
23
|
+
.pager li > a:focus {
|
24
|
+
text-decoration: none;
|
25
|
+
background-color: #f5f5f5;
|
26
|
+
}
|
27
|
+
.pager .next > a,
|
28
|
+
.pager .next > span {
|
29
|
+
float: right;
|
30
|
+
}
|
31
|
+
.pager .previous > a,
|
32
|
+
.pager .previous > span {
|
33
|
+
float: left;
|
34
|
+
}
|
35
|
+
.pager .disabled > a,
|
36
|
+
.pager .disabled > a:hover,
|
37
|
+
.pager .disabled > a:focus,
|
38
|
+
.pager .disabled > span {
|
39
|
+
color: $grayLight;
|
40
|
+
background-color: #fff;
|
41
|
+
cursor: default;
|
42
|
+
}
|
@@ -0,0 +1,94 @@
|
|
1
|
+
//
|
2
|
+
// Pagination (multiple pages)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
// Space out pagination from surrounding content
|
6
|
+
.pagination {
|
7
|
+
margin: $baseLineHeight 0;
|
8
|
+
}
|
9
|
+
|
10
|
+
.pagination ul {
|
11
|
+
// Allow for text-based alignment
|
12
|
+
display: inline-block;
|
13
|
+
@include ie7-inline-block();
|
14
|
+
// Reset default ul styles
|
15
|
+
margin-left: 0;
|
16
|
+
margin-bottom: 0;
|
17
|
+
}
|
18
|
+
.pagination ul > li {
|
19
|
+
display: inline; // Remove list-style and block-level defaults
|
20
|
+
}
|
21
|
+
.pagination ul > li > a,
|
22
|
+
.pagination ul > li > span {
|
23
|
+
float: left; // Collapse white-space
|
24
|
+
padding: 4px 12px;
|
25
|
+
line-height: $baseLineHeight;
|
26
|
+
text-decoration: none;
|
27
|
+
background-color: $paginationBackground;
|
28
|
+
border: 1px solid $paginationBorder;
|
29
|
+
border-left-width: 0;
|
30
|
+
}
|
31
|
+
.pagination ul > li > a:hover,
|
32
|
+
.pagination ul > li > a:focus,
|
33
|
+
.pagination ul > .active > a,
|
34
|
+
.pagination ul > .active > span {
|
35
|
+
background-color: $paginationActiveBackground;
|
36
|
+
}
|
37
|
+
.pagination ul > .active > a,
|
38
|
+
.pagination ul > .active > span {
|
39
|
+
color: $grayLight;
|
40
|
+
cursor: default;
|
41
|
+
}
|
42
|
+
.pagination ul > .disabled > span,
|
43
|
+
.pagination ul > .disabled > a,
|
44
|
+
.pagination ul > .disabled > a:hover,
|
45
|
+
.pagination ul > .disabled > a:focus {
|
46
|
+
color: $grayLight;
|
47
|
+
background-color: transparent;
|
48
|
+
cursor: default;
|
49
|
+
}
|
50
|
+
.pagination ul > li:first-child > a,
|
51
|
+
.pagination ul > li:first-child > span {
|
52
|
+
border-left-width: 1px;
|
53
|
+
}
|
54
|
+
|
55
|
+
|
56
|
+
// Alignment
|
57
|
+
// --------------------------------------------------
|
58
|
+
|
59
|
+
.pagination-centered {
|
60
|
+
text-align: center;
|
61
|
+
}
|
62
|
+
.pagination-right {
|
63
|
+
text-align: right;
|
64
|
+
}
|
65
|
+
|
66
|
+
|
67
|
+
// Sizing
|
68
|
+
// --------------------------------------------------
|
69
|
+
|
70
|
+
// Large
|
71
|
+
.pagination-large {
|
72
|
+
ul > li > a,
|
73
|
+
ul > li > span {
|
74
|
+
padding: $paddingLarge;
|
75
|
+
font-size: $fontSizeLarge;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
|
79
|
+
// Small
|
80
|
+
.pagination-small {
|
81
|
+
ul > li > a,
|
82
|
+
ul > li > span {
|
83
|
+
padding: $paddingSmall;
|
84
|
+
font-size: $fontSizeSmall;
|
85
|
+
}
|
86
|
+
}
|
87
|
+
// Mini
|
88
|
+
.pagination-mini {
|
89
|
+
ul > li > a,
|
90
|
+
ul > li > span {
|
91
|
+
padding: $paddingMini;
|
92
|
+
font-size: $fontSizeMini;
|
93
|
+
}
|
94
|
+
}
|