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.
Files changed (96) hide show
  1. data/CHANGELOG.md +6 -0
  2. data/README.md +14 -8
  3. data/build/convert.rb +58 -33
  4. data/lib/compass_twitter_bootstrap.rb +1 -1
  5. data/lib/compass_twitter_bootstrap/version.rb +1 -1
  6. data/stylesheets/_compass_twitter_bootstrap.scss +45 -7
  7. data/stylesheets/_compass_twitter_bootstrap_responsive.scss +322 -0
  8. data/stylesheets/compass_twitter_bootstrap/_accordion.scss +28 -0
  9. data/stylesheets/compass_twitter_bootstrap/_alerts.scss +70 -0
  10. data/stylesheets/compass_twitter_bootstrap/_breadcrumbs.scss +22 -0
  11. data/stylesheets/compass_twitter_bootstrap/_button-groups.scss +147 -0
  12. data/stylesheets/compass_twitter_bootstrap/_buttons.scss +165 -0
  13. data/stylesheets/compass_twitter_bootstrap/_carousel.scss +121 -0
  14. data/stylesheets/compass_twitter_bootstrap/_close.scss +18 -0
  15. data/stylesheets/compass_twitter_bootstrap/_code.scss +44 -0
  16. data/stylesheets/compass_twitter_bootstrap/_component-animations.scss +18 -0
  17. data/stylesheets/compass_twitter_bootstrap/_dropdowns.scss +131 -0
  18. data/stylesheets/compass_twitter_bootstrap/_forms.scss +335 -299
  19. data/stylesheets/compass_twitter_bootstrap/_grid.scss +8 -0
  20. data/stylesheets/compass_twitter_bootstrap/_hero-unit.scss +20 -0
  21. data/stylesheets/compass_twitter_bootstrap/_labels.scss +16 -0
  22. data/stylesheets/compass_twitter_bootstrap/_layouts.scss +17 -0
  23. data/stylesheets/compass_twitter_bootstrap/_mixins.scss +409 -68
  24. data/stylesheets/compass_twitter_bootstrap/_modals.scss +72 -0
  25. data/stylesheets/compass_twitter_bootstrap/_navbar.scss +292 -0
  26. data/stylesheets/compass_twitter_bootstrap/_navs.scss +344 -0
  27. data/stylesheets/compass_twitter_bootstrap/_pager.scss +30 -0
  28. data/stylesheets/compass_twitter_bootstrap/_pagination.scss +55 -0
  29. data/stylesheets/compass_twitter_bootstrap/_popovers.scss +49 -0
  30. data/stylesheets/compass_twitter_bootstrap/_progress-bars.scss +95 -0
  31. data/stylesheets/compass_twitter_bootstrap/_reset.scss +37 -52
  32. data/stylesheets/compass_twitter_bootstrap/_scaffolding.scss +13 -123
  33. data/stylesheets/compass_twitter_bootstrap/_sprites.scss +156 -0
  34. data/stylesheets/compass_twitter_bootstrap/_tables.scss +75 -160
  35. data/stylesheets/compass_twitter_bootstrap/_thumbnails.scss +35 -0
  36. data/stylesheets/compass_twitter_bootstrap/_tooltip.scss +35 -0
  37. data/stylesheets/compass_twitter_bootstrap/_type.scss +100 -70
  38. data/stylesheets/compass_twitter_bootstrap/_utilities.scss +23 -0
  39. data/stylesheets/compass_twitter_bootstrap/_variables.scss +94 -55
  40. data/stylesheets/compass_twitter_bootstrap/_wells.scss +17 -0
  41. data/stylesheets_sass/_compass_twitter_bootstrap.sass +49 -6
  42. data/stylesheets_sass/_compass_twitter_bootstrap_responsive.sass +252 -0
  43. data/stylesheets_sass/compass_twitter_bootstrap/_accordion.sass +24 -0
  44. data/stylesheets_sass/compass_twitter_bootstrap/_alerts.sass +65 -0
  45. data/stylesheets_sass/compass_twitter_bootstrap/_breadcrumbs.sass +18 -0
  46. data/stylesheets_sass/compass_twitter_bootstrap/_button-groups.sass +129 -0
  47. data/stylesheets_sass/compass_twitter_bootstrap/_buttons.sass +150 -0
  48. data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass +95 -0
  49. data/stylesheets_sass/compass_twitter_bootstrap/_close.sass +16 -0
  50. data/stylesheets_sass/compass_twitter_bootstrap/_code.sass +41 -0
  51. data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass +16 -0
  52. data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass +121 -0
  53. data/stylesheets_sass/compass_twitter_bootstrap/_forms.sass +327 -306
  54. data/stylesheets_sass/compass_twitter_bootstrap/_grid.sass +8 -0
  55. data/stylesheets_sass/compass_twitter_bootstrap/_hero-unit.sass +17 -0
  56. data/stylesheets_sass/compass_twitter_bootstrap/_labels.sass +23 -0
  57. data/stylesheets_sass/compass_twitter_bootstrap/_layouts.sass +14 -0
  58. data/stylesheets_sass/compass_twitter_bootstrap/_mixins.sass +425 -57
  59. data/stylesheets_sass/compass_twitter_bootstrap/_modals.sass +75 -0
  60. data/stylesheets_sass/compass_twitter_bootstrap/_navbar.sass +258 -0
  61. data/stylesheets_sass/compass_twitter_bootstrap/_navs.sass +316 -0
  62. data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass +29 -0
  63. data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass +53 -0
  64. data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass +55 -0
  65. data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass +89 -0
  66. data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass +33 -67
  67. data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass +13 -175
  68. data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass +392 -0
  69. data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass +67 -139
  70. data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass +34 -0
  71. data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass +43 -0
  72. data/stylesheets_sass/compass_twitter_bootstrap/_type.sass +95 -65
  73. data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass +20 -0
  74. data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass +67 -45
  75. data/stylesheets_sass/compass_twitter_bootstrap/_wells.sass +15 -0
  76. data/vendor/assets/images/glyphicons-halflings-white.png +0 -0
  77. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  78. data/vendor/assets/javascripts/bootstrap-alert.js +91 -0
  79. data/vendor/assets/javascripts/bootstrap-button.js +98 -0
  80. data/vendor/assets/javascripts/bootstrap-carousel.js +154 -0
  81. data/vendor/assets/javascripts/bootstrap-collapse.js +136 -0
  82. data/vendor/assets/javascripts/bootstrap-dropdown.js +58 -21
  83. data/vendor/assets/javascripts/bootstrap-modal.js +63 -114
  84. data/vendor/assets/javascripts/bootstrap-popover.js +38 -33
  85. data/vendor/assets/javascripts/bootstrap-scrollspy.js +62 -44
  86. data/vendor/assets/javascripts/bootstrap-tab.js +130 -0
  87. data/vendor/assets/javascripts/bootstrap-tooltip.js +270 -0
  88. data/vendor/assets/javascripts/bootstrap-transition.js +51 -0
  89. data/vendor/assets/javascripts/bootstrap-typeahead.js +271 -0
  90. metadata +69 -17
  91. data/stylesheets/compass_twitter_bootstrap/_patterns.scss +0 -1058
  92. data/stylesheets_sass/compass_twitter_bootstrap/_patterns.sass +0 -923
  93. data/vendor/assets/javascripts/bootstrap-alerts.js +0 -124
  94. data/vendor/assets/javascripts/bootstrap-buttons.js +0 -64
  95. data/vendor/assets/javascripts/bootstrap-tabs.js +0 -80
  96. 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
- * Tables.less
3
- * Tables for, you guessed it, tabular data
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: $baseline
12
- padding: 0
13
- font-size: $basefont
14
- border-collapse: collapse
19
+ margin-bottom: $baseLineHeight
20
+ // Cells
15
21
  th,
16
22
  td
17
- padding: 10px 10px 9px
18
- line-height: $baseline
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: middle
29
+ vertical-align: bottom
24
30
  td
25
31
  vertical-align: top
26
- border-top: 1px solid #ddd
27
- // When scoped to row, fix th in tbody
28
- tbody th
29
- border-top: 1px solid #ddd
30
- vertical-align: top
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 VERSION
33
- // -----------------
34
- .condensed-table
40
+ // CONDENSED TABLE W/ HALF PADDING
41
+ // -------------------------------
42
+
43
+ .table-condensed
35
44
  th,
36
45
  td
37
- padding: 5px 5px 4px
46
+ padding: 4px 5px
38
47
 
39
48
  // BORDERED VERSION
40
49
  // ----------------
41
50
 
42
- .bordered-table
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: collapse
47
- /* IE7, collapse table to remove spacing
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
- thead tr:first-child th:first-child,
54
- tbody tr:first-child td:first-child
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
- tbody tr:last-child td:first-child
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
- tbody tr:last-child td:last-child
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
- // TABLE CELL SIZES
65
- // ----------------
83
+ // ZEBRA-STRIPING
84
+ // --------------
66
85
 
67
- // This is a duplication of the main grid @include columns(); mixin, but subtracts 20px to account for input padding and border
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
- width: ($gridColumnWidth - 20) * $columnSpan + ($gridColumnWidth - 20) * ($columnSpan - 1)
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%)