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,156 @@
1
+ // SPRITES
2
+ // Glyphs and icons for buttons, nav, and more
3
+ // -------------------------------------------
4
+
5
+
6
+ // ICONS
7
+ // -----
8
+
9
+ // All icons receive the styles of the <i> tag with a base class
10
+ // of .i and are then given a unique class to add width, height,
11
+ // and background-position. Your resulting HTML will look like
12
+ // <i class="i icon-inbox"></i>.
13
+
14
+ // For the white version of the icons, just add the .icon-white class:
15
+ // <i class="i icon-inbox icon-white"></i>
16
+
17
+ [class^="icon-"] {
18
+ display: inline-block;
19
+ width: 14px;
20
+ height: 14px;
21
+ vertical-align: text-top;
22
+ background-image: url(../img/glyphicons-halflings.png);
23
+ background-position: 14px 14px;
24
+ background-repeat: no-repeat;
25
+
26
+ @include ie7-restore-right-whitespace();
27
+ }
28
+ .icon-white {
29
+ background-image: url(../img/glyphicons-halflings-white.png);
30
+ }
31
+
32
+ .icon-glass { background-position: 0 0; }
33
+ .icon-music { background-position: -24px 0; }
34
+ .icon-search { background-position: -48px 0; }
35
+ .icon-envelope { background-position: -72px 0; }
36
+ .icon-heart { background-position: -96px 0; }
37
+ .icon-star { background-position: -120px 0; }
38
+ .icon-star-empty { background-position: -144px 0; }
39
+ .icon-user { background-position: -168px 0; }
40
+ .icon-film { background-position: -192px 0; }
41
+ .icon-th-large { background-position: -216px 0; }
42
+ .icon-th { background-position: -240px 0; }
43
+ .icon-th-list { background-position: -264px 0; }
44
+ .icon-ok { background-position: -288px 0; }
45
+ .icon-remove { background-position: -312px 0; }
46
+ .icon-zoom-in { background-position: -336px 0; }
47
+ .icon-zoom-out { background-position: -360px 0; }
48
+ .icon-off { background-position: -384px 0; }
49
+ .icon-signal { background-position: -408px 0; }
50
+ .icon-cog { background-position: -432px 0; }
51
+ .icon-trash { background-position: -456px 0; }
52
+
53
+ .icon-home { background-position: 0 -24px; }
54
+ .icon-file { background-position: -24px -24px; }
55
+ .icon-time { background-position: -48px -24px; }
56
+ .icon-road { background-position: -72px -24px; }
57
+ .icon-download-alt { background-position: -96px -24px; }
58
+ .icon-download { background-position: -120px -24px; }
59
+ .icon-upload { background-position: -144px -24px; }
60
+ .icon-inbox { background-position: -168px -24px; }
61
+ .icon-play-circle { background-position: -192px -24px; }
62
+ .icon-repeat { background-position: -216px -24px; }
63
+ .icon-refresh { background-position: -240px -24px; }
64
+ .icon-list-alt { background-position: -264px -24px; }
65
+ .icon-lock { background-position: -287px -24px; } // 1px off
66
+ .icon-flag { background-position: -312px -24px; }
67
+ .icon-headphones { background-position: -336px -24px; }
68
+ .icon-volume-off { background-position: -360px -24px; }
69
+ .icon-volume-down { background-position: -384px -24px; }
70
+ .icon-volume-up { background-position: -408px -24px; }
71
+ .icon-qrcode { background-position: -432px -24px; }
72
+ .icon-barcode { background-position: -456px -24px; }
73
+
74
+ .icon-tag { background-position: 0 -48px; }
75
+ .icon-tags { background-position: -25px -48px; } // 1px off
76
+ .icon-book { background-position: -48px -48px; }
77
+ .icon-bookmark { background-position: -72px -48px; }
78
+ .icon-print { background-position: -96px -48px; }
79
+ .icon-camera { background-position: -120px -48px; }
80
+ .icon-font { background-position: -144px -48px; }
81
+ .icon-bold { background-position: -167px -48px; } // 1px off
82
+ .icon-italic { background-position: -192px -48px; }
83
+ .icon-text-height { background-position: -216px -48px; }
84
+ .icon-text-width { background-position: -240px -48px; }
85
+ .icon-align-left { background-position: -264px -48px; }
86
+ .icon-align-center { background-position: -288px -48px; }
87
+ .icon-align-right { background-position: -312px -48px; }
88
+ .icon-align-justify { background-position: -336px -48px; }
89
+ .icon-list { background-position: -360px -48px; }
90
+ .icon-indent-left { background-position: -384px -48px; }
91
+ .icon-indent-right { background-position: -408px -48px; }
92
+ .icon-facetime-video { background-position: -432px -48px; }
93
+ .icon-picture { background-position: -456px -48px; }
94
+
95
+ .icon-pencil { background-position: 0 -72px; }
96
+ .icon-map-marker { background-position: -24px -72px; }
97
+ .icon-adjust { background-position: -48px -72px; }
98
+ .icon-tint { background-position: -72px -72px; }
99
+ .icon-edit { background-position: -96px -72px; }
100
+ .icon-share { background-position: -120px -72px; }
101
+ .icon-check { background-position: -144px -72px; }
102
+ .icon-move { background-position: -168px -72px; }
103
+ .icon-step-backward { background-position: -192px -72px; }
104
+ .icon-fast-backward { background-position: -216px -72px; }
105
+ .icon-backward { background-position: -240px -72px; }
106
+ .icon-play { background-position: -264px -72px; }
107
+ .icon-pause { background-position: -288px -72px; }
108
+ .icon-stop { background-position: -312px -72px; }
109
+ .icon-forward { background-position: -336px -72px; }
110
+ .icon-fast-forward { background-position: -360px -72px; }
111
+ .icon-step-forward { background-position: -384px -72px; }
112
+ .icon-eject { background-position: -408px -72px; }
113
+ .icon-chevron-left { background-position: -432px -72px; }
114
+ .icon-chevron-right { background-position: -456px -72px; }
115
+
116
+ .icon-plus-sign { background-position: 0 -96px; }
117
+ .icon-minus-sign { background-position: -24px -96px; }
118
+ .icon-remove-sign { background-position: -48px -96px; }
119
+ .icon-ok-sign { background-position: -72px -96px; }
120
+ .icon-question-sign { background-position: -96px -96px; }
121
+ .icon-info-sign { background-position: -120px -96px; }
122
+ .icon-screenshot { background-position: -144px -96px; }
123
+ .icon-remove-circle { background-position: -168px -96px; }
124
+ .icon-ok-circle { background-position: -192px -96px; }
125
+ .icon-ban-circle { background-position: -216px -96px; }
126
+ .icon-arrow-left { background-position: -240px -96px; }
127
+ .icon-arrow-right { background-position: -264px -96px; }
128
+ .icon-arrow-up { background-position: -289px -96px; } // 1px off
129
+ .icon-arrow-down { background-position: -312px -96px; }
130
+ .icon-share-alt { background-position: -336px -96px; }
131
+ .icon-resize-full { background-position: -360px -96px; }
132
+ .icon-resize-small { background-position: -384px -96px; }
133
+ .icon-plus { background-position: -408px -96px; }
134
+ .icon-minus { background-position: -433px -96px; }
135
+ .icon-asterisk { background-position: -456px -96px; }
136
+
137
+ .icon-exclamation-sign { background-position: 0 -120px; }
138
+ .icon-gift { background-position: -24px -120px; }
139
+ .icon-leaf { background-position: -48px -120px; }
140
+ .icon-fire { background-position: -72px -120px; }
141
+ .icon-eye-open { background-position: -96px -120px; }
142
+ .icon-eye-close { background-position: -120px -120px; }
143
+ .icon-warning-sign { background-position: -144px -120px; }
144
+ .icon-plane { background-position: -168px -120px; }
145
+ .icon-calendar { background-position: -192px -120px; }
146
+ .icon-random { background-position: -216px -120px; }
147
+ .icon-comment { background-position: -240px -120px; }
148
+ .icon-magnet { background-position: -264px -120px; }
149
+ .icon-chevron-up { background-position: -288px -120px; }
150
+ .icon-chevron-down { background-position: -313px -119px; } // 1px off
151
+ .icon-retweet { background-position: -336px -120px; }
152
+ .icon-shopping-cart { background-position: -360px -120px; }
153
+ .icon-folder-close { background-position: -384px -120px; }
154
+ .icon-folder-open { background-position: -408px -120px; }
155
+ .icon-resize-vertical { background-position: -432px -119px; }
156
+ .icon-resize-horizontal { background-position: -456px -118px; }
@@ -1,47 +1,59 @@
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
5
 
6
6
 
7
+ // BASE TABLES
8
+ // -----------------
9
+
10
+ table {
11
+ max-width: 100%;
12
+ border-collapse: collapse;
13
+ border-spacing: 0;
14
+ }
15
+
7
16
  // BASELINE STYLES
8
17
  // ---------------
9
18
 
10
- table {
19
+ .table {
11
20
  width: 100%;
12
- margin-bottom: $baseline;
13
- padding: 0;
14
- font-size: $basefont;
15
- border-collapse: collapse;
21
+ margin-bottom: $baseLineHeight;
22
+ // Cells
16
23
  th,
17
24
  td {
18
- padding: 10px 10px 9px;
19
- line-height: $baseline;
25
+ padding: 8px;
26
+ line-height: $baseLineHeight;
20
27
  text-align: left;
28
+ border-top: 1px solid #ddd;
21
29
  }
22
30
  th {
23
- padding-top: 9px;
24
31
  font-weight: bold;
25
- vertical-align: middle;
32
+ vertical-align: bottom;
26
33
  }
27
34
  td {
28
35
  vertical-align: top;
29
- border-top: 1px solid #ddd;
30
36
  }
31
- // When scoped to row, fix th in tbody
32
- tbody th {
33
- border-top: 1px solid #ddd;
34
- vertical-align: top;
37
+ // Remove top border from thead by default
38
+ thead:first-child tr th,
39
+ thead:first-child tr td {
40
+ border-top: 0;
41
+ }
42
+ // Account for multiple tbody instances
43
+ tbody + tbody {
44
+ border-top: 2px solid #ddd;
35
45
  }
36
46
  }
37
47
 
38
48
 
39
- // CONDENSED VERSION
40
- // -----------------
41
- .condensed-table {
49
+
50
+ // CONDENSED TABLE W/ HALF PADDING
51
+ // -------------------------------
52
+
53
+ .table-condensed {
42
54
  th,
43
55
  td {
44
- padding: 5px 5px 4px;
56
+ padding: 4px 5px;
45
57
  }
46
58
  }
47
59
 
@@ -49,42 +61,69 @@ table {
49
61
  // BORDERED VERSION
50
62
  // ----------------
51
63
 
52
- .bordered-table {
64
+ .table-bordered {
53
65
  border: 1px solid #ddd;
54
66
  border-collapse: separate; // Done so we can round those corners!
55
- *border-collapse: collapse; /* IE7, collapse table to remove spacing */
67
+ *border-collapse: collapsed; // IE7 can't round corners anyway
56
68
  @include border-radius(4px);
57
69
  th + th,
58
70
  td + td,
59
- th + td {
71
+ th + td,
72
+ td + th {
60
73
  border-left: 1px solid #ddd;
61
74
  }
62
- thead tr:first-child th:first-child,
63
- tbody tr:first-child td:first-child {
75
+ // Prevent a double border
76
+ thead:first-child tr:first-child th,
77
+ tbody:first-child tr:first-child th,
78
+ tbody:first-child tr:first-child td {
79
+ border-top: 0;
80
+ }
81
+ // For first th or td in the first row in the first thead or tbody
82
+ thead:first-child tr:first-child th:first-child,
83
+ tbody:first-child tr:first-child td:first-child {
64
84
  @include border-radius(4px 0 0 0);
65
85
  }
66
- thead tr:first-child th:last-child,
67
- tbody tr:first-child td:last-child {
86
+ thead:first-child tr:first-child th:last-child,
87
+ tbody:first-child tr:first-child td:last-child {
68
88
  @include border-radius(0 4px 0 0);
69
89
  }
70
- tbody tr:last-child td:first-child {
90
+ // For first th or td in the first row in the first thead or tbody
91
+ thead:last-child tr:last-child th:first-child,
92
+ tbody:last-child tr:last-child td:first-child {
71
93
  @include border-radius(0 0 0 4px);
72
94
  }
73
- tbody tr:last-child td:last-child {
95
+ thead:last-child tr:last-child th:last-child,
96
+ tbody:last-child tr:last-child td:last-child {
74
97
  @include border-radius(0 0 4px 0);
75
98
  }
76
99
  }
77
100
 
78
101
 
79
- // TABLE CELL SIZES
80
- // ----------------
102
+ // ZEBRA-STRIPING
103
+ // --------------
81
104
 
82
- // This is a duplication of the main grid @include columns(); mixin, but subtracts 20px to account for input padding and border
105
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
106
+ .table-striped {
107
+ tbody {
108
+ tr:nth-child(odd) td,
109
+ tr:nth-child(odd) th {
110
+ background-color: #f9f9f9;
111
+ }
112
+ }
113
+ }
114
+
115
+
116
+
117
+ // TABLE CELL SIZING
118
+ // -----------------
119
+
120
+ // Change the columns
83
121
  @mixin tableColumns($columnSpan: 1) {
84
- width: (($gridColumnWidth - 20) * $columnSpan) + (($gridColumnWidth - 20) * ($columnSpan - 1));
122
+ float: none;
123
+ width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16;
124
+ margin-left: 0;
85
125
  }
86
126
  table {
87
- // Default columns
88
127
  .span1 { @include tableColumns(1); }
89
128
  .span2 { @include tableColumns(2); }
90
129
  .span3 { @include tableColumns(3); }
@@ -97,128 +136,4 @@ table {
97
136
  .span10 { @include tableColumns(10); }
98
137
  .span11 { @include tableColumns(11); }
99
138
  .span12 { @include tableColumns(12); }
100
- .span13 { @include tableColumns(13); }
101
- .span14 { @include tableColumns(14); }
102
- .span15 { @include tableColumns(15); }
103
- .span16 { @include tableColumns(16); }
104
- }
105
-
106
-
107
- // ZEBRA-STRIPING
108
- // --------------
109
-
110
- // Default zebra-stripe styles (alternating gray and transparent backgrounds)
111
- .zebra-striped {
112
- tbody {
113
- tr:nth-child(odd) td,
114
- tr:nth-child(odd) th {
115
- background-color: #f9f9f9;
116
- }
117
- tr:hover td,
118
- tr:hover th {
119
- background-color: #f5f5f5;
120
- }
121
- }
122
139
  }
123
-
124
- table {
125
- // Tablesorting styles w/ jQuery plugin
126
- .header {
127
- cursor: pointer;
128
- &:after {
129
- content: "";
130
- float: right;
131
- margin-top: 7px;
132
- border-width: 0 4px 4px;
133
- border-style: solid;
134
- border-color: #000 transparent;
135
- visibility: hidden;
136
- }
137
- }
138
- // Style the sorted column headers (THs)
139
- .headerSortUp,
140
- .headerSortDown {
141
- background-color: rgba(141,192,219,.25);
142
- text-shadow: 0 1px 1px rgba(255,255,255,.75);
143
- }
144
- // Style the ascending (reverse alphabetical) column header
145
- .header:hover {
146
- &:after {
147
- visibility:visible;
148
- }
149
- }
150
- // Style the descending (alphabetical) column header
151
- .headerSortDown,
152
- .headerSortDown:hover {
153
- &:after {
154
- visibility:visible;
155
- @include opacity(60);
156
- }
157
- }
158
- // Style the ascending (reverse alphabetical) column header
159
- .headerSortUp {
160
- &:after {
161
- border-bottom: none;
162
- border-left: 4px solid transparent;
163
- border-right: 4px solid transparent;
164
- border-top: 4px solid #000;
165
- visibility:visible;
166
- @include box-shadow(none); //can't add boxshadow to downward facing arrow :(
167
- @include opacity(60);
168
- }
169
- }
170
- // Blue Table Headings
171
- .blue {
172
- color: $blue;
173
- border-bottom-color: $blue;
174
- }
175
- .headerSortUp.blue,
176
- .headerSortDown.blue {
177
- background-color: lighten($blue, 40%);
178
- }
179
- // Green Table Headings
180
- .green {
181
- color: $green;
182
- border-bottom-color: $green;
183
- }
184
- .headerSortUp.green,
185
- .headerSortDown.green {
186
- background-color: lighten($green, 40%);
187
- }
188
- // Red Table Headings
189
- .red {
190
- color: $red;
191
- border-bottom-color: $red;
192
- }
193
- .headerSortUp.red,
194
- .headerSortDown.red {
195
- background-color: lighten($red, 50%);
196
- }
197
- // Yellow Table Headings
198
- .yellow {
199
- color: $yellow;
200
- border-bottom-color: $yellow;
201
- }
202
- .headerSortUp.yellow,
203
- .headerSortDown.yellow {
204
- background-color: lighten($yellow, 40%);
205
- }
206
- // Orange Table Headings
207
- .orange {
208
- color: $orange;
209
- border-bottom-color: $orange;
210
- }
211
- .headerSortUp.orange,
212
- .headerSortDown.orange {
213
- background-color: lighten($orange, 40%);
214
- }
215
- // Purple Table Headings
216
- .purple {
217
- color: $purple;
218
- border-bottom-color: $purple;
219
- }
220
- .headerSortUp.purple,
221
- .headerSortDown.purple {
222
- background-color: lighten($purple, 40%);
223
- }
224
- }
@@ -0,0 +1,35 @@
1
+ // THUMBNAILS
2
+ // ----------
3
+
4
+ .thumbnails {
5
+ margin-left: -20px;
6
+ list-style: none;
7
+ @include clearfix();
8
+ }
9
+ .thumbnails > li {
10
+ float: left;
11
+ margin: 0 0 $baseLineHeight 20px;
12
+ }
13
+ .thumbnail {
14
+ display: block;
15
+ padding: 4px;
16
+ line-height: 1;
17
+ border: 1px solid #ddd;
18
+ @include border-radius(4px);
19
+ @include box-shadow(0 1px 1px rgba(0,0,0,.075));
20
+ }
21
+ // Add a hover state for linked versions only
22
+ a.thumbnail:hover {
23
+ border-color: $linkColor;
24
+ @include box-shadow(0 1px 4px rgba(0,105,214,.25));
25
+ }
26
+ // Images and captions
27
+ .thumbnail > img {
28
+ display: block;
29
+ max-width: 100%;
30
+ margin-left: auto;
31
+ margin-right: auto;
32
+ }
33
+ .thumbnail .caption {
34
+ padding: 9px;
35
+ }