compass_twitter_bootstrap 0.1.8 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.md +6 -0
- data/README.md +14 -8
- data/build/convert.rb +58 -33
- data/lib/compass_twitter_bootstrap.rb +1 -1
- data/lib/compass_twitter_bootstrap/version.rb +1 -1
- data/stylesheets/_compass_twitter_bootstrap.scss +45 -7
- data/stylesheets/_compass_twitter_bootstrap_responsive.scss +322 -0
- data/stylesheets/compass_twitter_bootstrap/_accordion.scss +28 -0
- data/stylesheets/compass_twitter_bootstrap/_alerts.scss +70 -0
- data/stylesheets/compass_twitter_bootstrap/_breadcrumbs.scss +22 -0
- data/stylesheets/compass_twitter_bootstrap/_button-groups.scss +147 -0
- data/stylesheets/compass_twitter_bootstrap/_buttons.scss +165 -0
- data/stylesheets/compass_twitter_bootstrap/_carousel.scss +121 -0
- data/stylesheets/compass_twitter_bootstrap/_close.scss +18 -0
- data/stylesheets/compass_twitter_bootstrap/_code.scss +44 -0
- data/stylesheets/compass_twitter_bootstrap/_component-animations.scss +18 -0
- data/stylesheets/compass_twitter_bootstrap/_dropdowns.scss +131 -0
- data/stylesheets/compass_twitter_bootstrap/_forms.scss +335 -299
- data/stylesheets/compass_twitter_bootstrap/_grid.scss +8 -0
- data/stylesheets/compass_twitter_bootstrap/_hero-unit.scss +20 -0
- data/stylesheets/compass_twitter_bootstrap/_labels.scss +16 -0
- data/stylesheets/compass_twitter_bootstrap/_layouts.scss +17 -0
- data/stylesheets/compass_twitter_bootstrap/_mixins.scss +409 -68
- data/stylesheets/compass_twitter_bootstrap/_modals.scss +72 -0
- data/stylesheets/compass_twitter_bootstrap/_navbar.scss +292 -0
- data/stylesheets/compass_twitter_bootstrap/_navs.scss +344 -0
- data/stylesheets/compass_twitter_bootstrap/_pager.scss +30 -0
- data/stylesheets/compass_twitter_bootstrap/_pagination.scss +55 -0
- data/stylesheets/compass_twitter_bootstrap/_popovers.scss +49 -0
- data/stylesheets/compass_twitter_bootstrap/_progress-bars.scss +95 -0
- data/stylesheets/compass_twitter_bootstrap/_reset.scss +37 -52
- data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +13 -123
- data/stylesheets/compass_twitter_bootstrap/_sprites.scss +156 -0
- data/stylesheets/compass_twitter_bootstrap/_tables.scss +75 -160
- data/stylesheets/compass_twitter_bootstrap/_thumbnails.scss +35 -0
- data/stylesheets/compass_twitter_bootstrap/_tooltip.scss +35 -0
- data/stylesheets/compass_twitter_bootstrap/_type.scss +100 -70
- data/stylesheets/compass_twitter_bootstrap/_utilities.scss +23 -0
- data/stylesheets/compass_twitter_bootstrap/_variables.scss +94 -55
- data/stylesheets/compass_twitter_bootstrap/_wells.scss +17 -0
- data/stylesheets_sass/_compass_twitter_bootstrap.sass +49 -6
- data/stylesheets_sass/_compass_twitter_bootstrap_responsive.sass +252 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_accordion.sass +24 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_alerts.sass +65 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_breadcrumbs.sass +18 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_button-groups.sass +129 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_buttons.sass +150 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass +95 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_close.sass +16 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_code.sass +41 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass +16 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass +121 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +327 -306
- data/stylesheets_sass/compass_twitter_bootstrap/_grid.sass +8 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_hero-unit.sass +17 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_labels.sass +23 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_layouts.sass +14 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +425 -57
- data/stylesheets_sass/compass_twitter_bootstrap/_modals.sass +75 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_navbar.sass +258 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_navs.sass +316 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass +29 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass +53 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass +55 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass +89 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +33 -67
- data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +13 -175
- data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass +392 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +67 -139
- data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass +34 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass +43 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +95 -65
- data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass +20 -0
- data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +67 -45
- data/stylesheets_sass/compass_twitter_bootstrap/_wells.sass +15 -0
- data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
- data/vendor/assets/javascripts/bootstrap-button.js +98 -0
- data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
- data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
- data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
- data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
- data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
- data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
- data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
- data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
- data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
- metadata +69 -17
- data/stylesheets/compass_twitter_bootstrap/_patterns.scss +0 -1058
- data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +0 -923
- data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
- data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
- data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
- data/vendor/assets/javascripts/bootstrap-twipsy.js +0 -321
@@ -0,0 +1,392 @@
|
|
1
|
+
// SPRITES
|
2
|
+
// Glyphs and icons for buttons, nav, and more
|
3
|
+
// -------------------------------------------
|
4
|
+
|
5
|
+
// ICONS
|
6
|
+
// -----
|
7
|
+
|
8
|
+
// All icons receive the styles of the <i> tag with a base class
|
9
|
+
// of .i and are then given a unique class to add width, height,
|
10
|
+
// and background-position. Your resulting HTML will look like
|
11
|
+
// <i class="i icon-inbox"></i>.
|
12
|
+
|
13
|
+
// For the white version of the icons, just add the .icon-white class:
|
14
|
+
// <i class="i icon-inbox icon-white"></i>
|
15
|
+
|
16
|
+
[class^="icon-"]
|
17
|
+
display: inline-block
|
18
|
+
width: 14px
|
19
|
+
height: 14px
|
20
|
+
vertical-align: text-top
|
21
|
+
background-image: url(../img/glyphicons-halflings.png)
|
22
|
+
background-position: 14px 14px
|
23
|
+
background-repeat: no-repeat
|
24
|
+
+ie7-restore-right-whitespace
|
25
|
+
|
26
|
+
.icon-white
|
27
|
+
background-image: url(../img/glyphicons-halflings-white.png)
|
28
|
+
|
29
|
+
.icon-glass
|
30
|
+
background-position: 0 0
|
31
|
+
|
32
|
+
.icon-music
|
33
|
+
background-position: -24px 0
|
34
|
+
|
35
|
+
.icon-search
|
36
|
+
background-position: -48px 0
|
37
|
+
|
38
|
+
.icon-envelope
|
39
|
+
background-position: -72px 0
|
40
|
+
|
41
|
+
.icon-heart
|
42
|
+
background-position: -96px 0
|
43
|
+
|
44
|
+
.icon-star
|
45
|
+
background-position: -120px 0
|
46
|
+
|
47
|
+
.icon-star-empty
|
48
|
+
background-position: -144px 0
|
49
|
+
|
50
|
+
.icon-user
|
51
|
+
background-position: -168px 0
|
52
|
+
|
53
|
+
.icon-film
|
54
|
+
background-position: -192px 0
|
55
|
+
|
56
|
+
.icon-th-large
|
57
|
+
background-position: -216px 0
|
58
|
+
|
59
|
+
.icon-th
|
60
|
+
background-position: -240px 0
|
61
|
+
|
62
|
+
.icon-th-list
|
63
|
+
background-position: -264px 0
|
64
|
+
|
65
|
+
.icon-ok
|
66
|
+
background-position: -288px 0
|
67
|
+
|
68
|
+
.icon-remove
|
69
|
+
background-position: -312px 0
|
70
|
+
|
71
|
+
.icon-zoom-in
|
72
|
+
background-position: -336px 0
|
73
|
+
|
74
|
+
.icon-zoom-out
|
75
|
+
background-position: -360px 0
|
76
|
+
|
77
|
+
.icon-off
|
78
|
+
background-position: -384px 0
|
79
|
+
|
80
|
+
.icon-signal
|
81
|
+
background-position: -408px 0
|
82
|
+
|
83
|
+
.icon-cog
|
84
|
+
background-position: -432px 0
|
85
|
+
|
86
|
+
.icon-trash
|
87
|
+
background-position: -456px 0
|
88
|
+
|
89
|
+
.icon-home
|
90
|
+
background-position: 0 -24px
|
91
|
+
|
92
|
+
.icon-file
|
93
|
+
background-position: -24px -24px
|
94
|
+
|
95
|
+
.icon-time
|
96
|
+
background-position: -48px -24px
|
97
|
+
|
98
|
+
.icon-road
|
99
|
+
background-position: -72px -24px
|
100
|
+
|
101
|
+
.icon-download-alt
|
102
|
+
background-position: -96px -24px
|
103
|
+
|
104
|
+
.icon-download
|
105
|
+
background-position: -120px -24px
|
106
|
+
|
107
|
+
.icon-upload
|
108
|
+
background-position: -144px -24px
|
109
|
+
|
110
|
+
.icon-inbox
|
111
|
+
background-position: -168px -24px
|
112
|
+
|
113
|
+
.icon-play-circle
|
114
|
+
background-position: -192px -24px
|
115
|
+
|
116
|
+
.icon-repeat
|
117
|
+
background-position: -216px -24px
|
118
|
+
|
119
|
+
.icon-refresh
|
120
|
+
background-position: -240px -24px
|
121
|
+
|
122
|
+
.icon-list-alt
|
123
|
+
background-position: -264px -24px
|
124
|
+
|
125
|
+
.icon-lock
|
126
|
+
background-position: -287px -24px
|
127
|
+
|
128
|
+
// 1px off
|
129
|
+
.icon-flag
|
130
|
+
background-position: -312px -24px
|
131
|
+
|
132
|
+
.icon-headphones
|
133
|
+
background-position: -336px -24px
|
134
|
+
|
135
|
+
.icon-volume-off
|
136
|
+
background-position: -360px -24px
|
137
|
+
|
138
|
+
.icon-volume-down
|
139
|
+
background-position: -384px -24px
|
140
|
+
|
141
|
+
.icon-volume-up
|
142
|
+
background-position: -408px -24px
|
143
|
+
|
144
|
+
.icon-qrcode
|
145
|
+
background-position: -432px -24px
|
146
|
+
|
147
|
+
.icon-barcode
|
148
|
+
background-position: -456px -24px
|
149
|
+
|
150
|
+
.icon-tag
|
151
|
+
background-position: 0 -48px
|
152
|
+
|
153
|
+
.icon-tags
|
154
|
+
background-position: -25px -48px
|
155
|
+
|
156
|
+
// 1px off
|
157
|
+
.icon-book
|
158
|
+
background-position: -48px -48px
|
159
|
+
|
160
|
+
.icon-bookmark
|
161
|
+
background-position: -72px -48px
|
162
|
+
|
163
|
+
.icon-print
|
164
|
+
background-position: -96px -48px
|
165
|
+
|
166
|
+
.icon-camera
|
167
|
+
background-position: -120px -48px
|
168
|
+
|
169
|
+
.icon-font
|
170
|
+
background-position: -144px -48px
|
171
|
+
|
172
|
+
.icon-bold
|
173
|
+
background-position: -167px -48px
|
174
|
+
|
175
|
+
// 1px off
|
176
|
+
.icon-italic
|
177
|
+
background-position: -192px -48px
|
178
|
+
|
179
|
+
.icon-text-height
|
180
|
+
background-position: -216px -48px
|
181
|
+
|
182
|
+
.icon-text-width
|
183
|
+
background-position: -240px -48px
|
184
|
+
|
185
|
+
.icon-align-left
|
186
|
+
background-position: -264px -48px
|
187
|
+
|
188
|
+
.icon-align-center
|
189
|
+
background-position: -288px -48px
|
190
|
+
|
191
|
+
.icon-align-right
|
192
|
+
background-position: -312px -48px
|
193
|
+
|
194
|
+
.icon-align-justify
|
195
|
+
background-position: -336px -48px
|
196
|
+
|
197
|
+
.icon-list
|
198
|
+
background-position: -360px -48px
|
199
|
+
|
200
|
+
.icon-indent-left
|
201
|
+
background-position: -384px -48px
|
202
|
+
|
203
|
+
.icon-indent-right
|
204
|
+
background-position: -408px -48px
|
205
|
+
|
206
|
+
.icon-facetime-video
|
207
|
+
background-position: -432px -48px
|
208
|
+
|
209
|
+
.icon-picture
|
210
|
+
background-position: -456px -48px
|
211
|
+
|
212
|
+
.icon-pencil
|
213
|
+
background-position: 0 -72px
|
214
|
+
|
215
|
+
.icon-map-marker
|
216
|
+
background-position: -24px -72px
|
217
|
+
|
218
|
+
.icon-adjust
|
219
|
+
background-position: -48px -72px
|
220
|
+
|
221
|
+
.icon-tint
|
222
|
+
background-position: -72px -72px
|
223
|
+
|
224
|
+
.icon-edit
|
225
|
+
background-position: -96px -72px
|
226
|
+
|
227
|
+
.icon-share
|
228
|
+
background-position: -120px -72px
|
229
|
+
|
230
|
+
.icon-check
|
231
|
+
background-position: -144px -72px
|
232
|
+
|
233
|
+
.icon-move
|
234
|
+
background-position: -168px -72px
|
235
|
+
|
236
|
+
.icon-step-backward
|
237
|
+
background-position: -192px -72px
|
238
|
+
|
239
|
+
.icon-fast-backward
|
240
|
+
background-position: -216px -72px
|
241
|
+
|
242
|
+
.icon-backward
|
243
|
+
background-position: -240px -72px
|
244
|
+
|
245
|
+
.icon-play
|
246
|
+
background-position: -264px -72px
|
247
|
+
|
248
|
+
.icon-pause
|
249
|
+
background-position: -288px -72px
|
250
|
+
|
251
|
+
.icon-stop
|
252
|
+
background-position: -312px -72px
|
253
|
+
|
254
|
+
.icon-forward
|
255
|
+
background-position: -336px -72px
|
256
|
+
|
257
|
+
.icon-fast-forward
|
258
|
+
background-position: -360px -72px
|
259
|
+
|
260
|
+
.icon-step-forward
|
261
|
+
background-position: -384px -72px
|
262
|
+
|
263
|
+
.icon-eject
|
264
|
+
background-position: -408px -72px
|
265
|
+
|
266
|
+
.icon-chevron-left
|
267
|
+
background-position: -432px -72px
|
268
|
+
|
269
|
+
.icon-chevron-right
|
270
|
+
background-position: -456px -72px
|
271
|
+
|
272
|
+
.icon-plus-sign
|
273
|
+
background-position: 0 -96px
|
274
|
+
|
275
|
+
.icon-minus-sign
|
276
|
+
background-position: -24px -96px
|
277
|
+
|
278
|
+
.icon-remove-sign
|
279
|
+
background-position: -48px -96px
|
280
|
+
|
281
|
+
.icon-ok-sign
|
282
|
+
background-position: -72px -96px
|
283
|
+
|
284
|
+
.icon-question-sign
|
285
|
+
background-position: -96px -96px
|
286
|
+
|
287
|
+
.icon-info-sign
|
288
|
+
background-position: -120px -96px
|
289
|
+
|
290
|
+
.icon-screenshot
|
291
|
+
background-position: -144px -96px
|
292
|
+
|
293
|
+
.icon-remove-circle
|
294
|
+
background-position: -168px -96px
|
295
|
+
|
296
|
+
.icon-ok-circle
|
297
|
+
background-position: -192px -96px
|
298
|
+
|
299
|
+
.icon-ban-circle
|
300
|
+
background-position: -216px -96px
|
301
|
+
|
302
|
+
.icon-arrow-left
|
303
|
+
background-position: -240px -96px
|
304
|
+
|
305
|
+
.icon-arrow-right
|
306
|
+
background-position: -264px -96px
|
307
|
+
|
308
|
+
.icon-arrow-up
|
309
|
+
background-position: -289px -96px
|
310
|
+
|
311
|
+
// 1px off
|
312
|
+
.icon-arrow-down
|
313
|
+
background-position: -312px -96px
|
314
|
+
|
315
|
+
.icon-share-alt
|
316
|
+
background-position: -336px -96px
|
317
|
+
|
318
|
+
.icon-resize-full
|
319
|
+
background-position: -360px -96px
|
320
|
+
|
321
|
+
.icon-resize-small
|
322
|
+
background-position: -384px -96px
|
323
|
+
|
324
|
+
.icon-plus
|
325
|
+
background-position: -408px -96px
|
326
|
+
|
327
|
+
.icon-minus
|
328
|
+
background-position: -433px -96px
|
329
|
+
|
330
|
+
.icon-asterisk
|
331
|
+
background-position: -456px -96px
|
332
|
+
|
333
|
+
.icon-exclamation-sign
|
334
|
+
background-position: 0 -120px
|
335
|
+
|
336
|
+
.icon-gift
|
337
|
+
background-position: -24px -120px
|
338
|
+
|
339
|
+
.icon-leaf
|
340
|
+
background-position: -48px -120px
|
341
|
+
|
342
|
+
.icon-fire
|
343
|
+
background-position: -72px -120px
|
344
|
+
|
345
|
+
.icon-eye-open
|
346
|
+
background-position: -96px -120px
|
347
|
+
|
348
|
+
.icon-eye-close
|
349
|
+
background-position: -120px -120px
|
350
|
+
|
351
|
+
.icon-warning-sign
|
352
|
+
background-position: -144px -120px
|
353
|
+
|
354
|
+
.icon-plane
|
355
|
+
background-position: -168px -120px
|
356
|
+
|
357
|
+
.icon-calendar
|
358
|
+
background-position: -192px -120px
|
359
|
+
|
360
|
+
.icon-random
|
361
|
+
background-position: -216px -120px
|
362
|
+
|
363
|
+
.icon-comment
|
364
|
+
background-position: -240px -120px
|
365
|
+
|
366
|
+
.icon-magnet
|
367
|
+
background-position: -264px -120px
|
368
|
+
|
369
|
+
.icon-chevron-up
|
370
|
+
background-position: -288px -120px
|
371
|
+
|
372
|
+
.icon-chevron-down
|
373
|
+
background-position: -313px -119px
|
374
|
+
|
375
|
+
// 1px off
|
376
|
+
.icon-retweet
|
377
|
+
background-position: -336px -120px
|
378
|
+
|
379
|
+
.icon-shopping-cart
|
380
|
+
background-position: -360px -120px
|
381
|
+
|
382
|
+
.icon-folder-close
|
383
|
+
background-position: -384px -120px
|
384
|
+
|
385
|
+
.icon-folder-open
|
386
|
+
background-position: -408px -120px
|
387
|
+
|
388
|
+
.icon-resize-vertical
|
389
|
+
background-position: -432px -119px
|
390
|
+
|
391
|
+
.icon-resize-horizontal
|
392
|
+
background-position: -456px -118px
|
@@ -1,75 +1,105 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
1
|
+
//
|
2
|
+
// Tables.less
|
3
|
+
// Tables for, you guessed it, tabular data
|
4
|
+
// ----------------------------------------
|
5
|
+
|
6
|
+
// BASE TABLES
|
7
|
+
// -----------------
|
8
|
+
|
9
|
+
table
|
10
|
+
max-width: 100%
|
11
|
+
border-collapse: collapse
|
12
|
+
border-spacing: 0
|
5
13
|
|
6
14
|
// BASELINE STYLES
|
7
15
|
// ---------------
|
8
16
|
|
9
|
-
table
|
17
|
+
.table
|
10
18
|
width: 100%
|
11
|
-
margin-bottom: $
|
12
|
-
|
13
|
-
font-size: $basefont
|
14
|
-
border-collapse: collapse
|
19
|
+
margin-bottom: $baseLineHeight
|
20
|
+
// Cells
|
15
21
|
th,
|
16
22
|
td
|
17
|
-
padding:
|
18
|
-
line-height: $
|
23
|
+
padding: 8px
|
24
|
+
line-height: $baseLineHeight
|
19
25
|
text-align: left
|
26
|
+
border-top: 1px solid #ddd
|
20
27
|
th
|
21
|
-
padding-top: 9px
|
22
28
|
font-weight: bold
|
23
|
-
vertical-align:
|
29
|
+
vertical-align: bottom
|
24
30
|
td
|
25
31
|
vertical-align: top
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
border-top:
|
30
|
-
|
32
|
+
// Remove top border from thead by default
|
33
|
+
thead:first-child tr th,
|
34
|
+
thead:first-child tr td
|
35
|
+
border-top: 0
|
36
|
+
// Account for multiple tbody instances
|
37
|
+
tbody + tbody
|
38
|
+
border-top: 2px solid #ddd
|
31
39
|
|
32
|
-
// CONDENSED
|
33
|
-
//
|
34
|
-
|
40
|
+
// CONDENSED TABLE W/ HALF PADDING
|
41
|
+
// -------------------------------
|
42
|
+
|
43
|
+
.table-condensed
|
35
44
|
th,
|
36
45
|
td
|
37
|
-
padding:
|
46
|
+
padding: 4px 5px
|
38
47
|
|
39
48
|
// BORDERED VERSION
|
40
49
|
// ----------------
|
41
50
|
|
42
|
-
.bordered
|
51
|
+
.table-bordered
|
43
52
|
border: 1px solid #ddd
|
44
53
|
border-collapse: separate
|
45
54
|
// Done so we can round those corners!
|
46
|
-
*border-collapse:
|
47
|
-
|
55
|
+
*border-collapse: collapsed
|
56
|
+
// IE7 can't round corners anyway
|
48
57
|
+border-radius(4px)
|
49
58
|
th + th,
|
50
59
|
td + td,
|
51
|
-
th + td
|
60
|
+
th + td,
|
61
|
+
td + th
|
52
62
|
border-left: 1px solid #ddd
|
53
|
-
|
54
|
-
|
63
|
+
// Prevent a double border
|
64
|
+
thead:first-child tr:first-child th,
|
65
|
+
tbody:first-child tr:first-child th,
|
66
|
+
tbody:first-child tr:first-child td
|
67
|
+
border-top: 0
|
68
|
+
// For first th or td in the first row in the first thead or tbody
|
69
|
+
thead:first-child tr:first-child th:first-child,
|
70
|
+
tbody:first-child tr:first-child td:first-child
|
55
71
|
+border-radius(4px 0 0 0)
|
56
|
-
thead tr:first-child th:last-child,
|
57
|
-
tbody tr:first-child td:last-child
|
72
|
+
thead:first-child tr:first-child th:last-child,
|
73
|
+
tbody:first-child tr:first-child td:last-child
|
58
74
|
+border-radius(0 4px 0 0)
|
59
|
-
|
75
|
+
// For first th or td in the first row in the first thead or tbody
|
76
|
+
thead:last-child tr:last-child th:first-child,
|
77
|
+
tbody:last-child tr:last-child td:first-child
|
60
78
|
+border-radius(0 0 0 4px)
|
61
|
-
|
79
|
+
thead:last-child tr:last-child th:last-child,
|
80
|
+
tbody:last-child tr:last-child td:last-child
|
62
81
|
+border-radius(0 0 4px 0)
|
63
82
|
|
64
|
-
//
|
65
|
-
//
|
83
|
+
// ZEBRA-STRIPING
|
84
|
+
// --------------
|
66
85
|
|
67
|
-
//
|
86
|
+
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
87
|
+
.table-striped
|
88
|
+
tbody
|
89
|
+
tr:nth-child(odd) td,
|
90
|
+
tr:nth-child(odd) th
|
91
|
+
background-color: #f9f9f9
|
92
|
+
|
93
|
+
// TABLE CELL SIZING
|
94
|
+
// -----------------
|
95
|
+
|
96
|
+
// Change the columns
|
68
97
|
=tableColumns($columnSpan: 1)
|
69
|
-
|
98
|
+
float: none
|
99
|
+
width: $gridColumnWidth * $columnSpan + $gridGutterWidth * ($columnSpan - 1) - 16
|
100
|
+
margin-left: 0
|
70
101
|
|
71
102
|
table
|
72
|
-
// Default columns
|
73
103
|
.span1
|
74
104
|
+tableColumns(1)
|
75
105
|
.span2
|
@@ -94,105 +124,3 @@ table
|
|
94
124
|
+tableColumns(11)
|
95
125
|
.span12
|
96
126
|
+tableColumns(12)
|
97
|
-
.span13
|
98
|
-
+tableColumns(13)
|
99
|
-
.span14
|
100
|
-
+tableColumns(14)
|
101
|
-
.span15
|
102
|
-
+tableColumns(15)
|
103
|
-
.span16
|
104
|
-
+tableColumns(16)
|
105
|
-
|
106
|
-
// ZEBRA-STRIPING
|
107
|
-
// --------------
|
108
|
-
|
109
|
-
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
110
|
-
.zebra-striped
|
111
|
-
tbody
|
112
|
-
tr:nth-child(odd) td,
|
113
|
-
tr:nth-child(odd) th
|
114
|
-
background-color: #f9f9f9
|
115
|
-
tr:hover td,
|
116
|
-
tr:hover th
|
117
|
-
background-color: #f5f5f5
|
118
|
-
|
119
|
-
table
|
120
|
-
// Tablesorting styles w/ jQuery plugin
|
121
|
-
.header
|
122
|
-
cursor: pointer
|
123
|
-
&:after
|
124
|
-
content: ""
|
125
|
-
float: right
|
126
|
-
margin-top: 7px
|
127
|
-
border-width: 0 4px 4px
|
128
|
-
border-style: solid
|
129
|
-
border-color: #000 transparent
|
130
|
-
visibility: hidden
|
131
|
-
// Style the sorted column headers (THs)
|
132
|
-
.headerSortUp,
|
133
|
-
.headerSortDown
|
134
|
-
background-color: rgba(141, 192, 219, 0.25)
|
135
|
-
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75)
|
136
|
-
// Style the ascending (reverse alphabetical) column header
|
137
|
-
.header:hover
|
138
|
-
&:after
|
139
|
-
visibility: visible
|
140
|
-
// Style the descending (alphabetical) column header
|
141
|
-
.headerSortDown,
|
142
|
-
.headerSortDown:hover
|
143
|
-
&:after
|
144
|
-
visibility: visible
|
145
|
-
+opacity(60)
|
146
|
-
// Style the ascending (reverse alphabetical) column header
|
147
|
-
.headerSortUp
|
148
|
-
&:after
|
149
|
-
border-bottom: none
|
150
|
-
border-left: 4px solid transparent
|
151
|
-
border-right: 4px solid transparent
|
152
|
-
border-top: 4px solid #000
|
153
|
-
visibility: visible
|
154
|
-
+box-shadow(none)
|
155
|
-
//can't add boxshadow to downward facing arrow :(
|
156
|
-
+opacity(60)
|
157
|
-
// Blue Table Headings
|
158
|
-
.blue
|
159
|
-
color: $blue
|
160
|
-
border-bottom-color: $blue
|
161
|
-
.headerSortUp.blue,
|
162
|
-
.headerSortDown.blue
|
163
|
-
background-color: lighten($blue, 40%)
|
164
|
-
// Green Table Headings
|
165
|
-
.green
|
166
|
-
color: $green
|
167
|
-
border-bottom-color: $green
|
168
|
-
.headerSortUp.green,
|
169
|
-
.headerSortDown.green
|
170
|
-
background-color: lighten($green, 40%)
|
171
|
-
// Red Table Headings
|
172
|
-
.red
|
173
|
-
color: $red
|
174
|
-
border-bottom-color: $red
|
175
|
-
.headerSortUp.red,
|
176
|
-
.headerSortDown.red
|
177
|
-
background-color: lighten($red, 50%)
|
178
|
-
// Yellow Table Headings
|
179
|
-
.yellow
|
180
|
-
color: $yellow
|
181
|
-
border-bottom-color: $yellow
|
182
|
-
.headerSortUp.yellow,
|
183
|
-
.headerSortDown.yellow
|
184
|
-
background-color: lighten($yellow, 40%)
|
185
|
-
// Orange Table Headings
|
186
|
-
.orange
|
187
|
-
color: $orange
|
188
|
-
border-bottom-color: $orange
|
189
|
-
.headerSortUp.orange,
|
190
|
-
.headerSortDown.orange
|
191
|
-
background-color: lighten($orange, 40%)
|
192
|
-
// Purple Table Headings
|
193
|
-
.purple
|
194
|
-
color: $purple
|
195
|
-
border-bottom-color: $purple
|
196
|
-
.headerSortUp.purple,
|
197
|
-
.headerSortDown.purple
|
198
|
-
background-color: lighten($purple, 40%)
|