anjlab-bootstrap-rails 2.0.4.4 → 2.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. data/README.md +21 -20
  2. data/Rakefile +39 -26
  3. data/lib/bootstrap-rails/engine.rb +3 -0
  4. data/lib/bootstrap-rails/version.rb +1 -1
  5. data/vendor/assets/images/{glyphicons-halflings-white.png → twitter/glyphicons-halflings-white.png} +0 -0
  6. data/vendor/assets/images/twitter/glyphicons-halflings.png +0 -0
  7. data/vendor/assets/javascripts/twitter/bootstrap.js +13 -0
  8. data/vendor/assets/javascripts/twitter/bootstrap/affix.js +104 -0
  9. data/vendor/assets/javascripts/{bootstrap-alert.js → twitter/bootstrap/alert.js} +1 -1
  10. data/vendor/assets/javascripts/{bootstrap-button.js → twitter/bootstrap/button.js} +1 -1
  11. data/vendor/assets/javascripts/{bootstrap-carousel.js → twitter/bootstrap/carousel.js} +12 -5
  12. data/vendor/assets/javascripts/{bootstrap-collapse.js → twitter/bootstrap/collapse.js} +4 -3
  13. data/vendor/assets/javascripts/{bootstrap-dropdown.js → twitter/bootstrap/dropdown.js} +66 -16
  14. data/vendor/assets/javascripts/{bootstrap-modal.js → twitter/bootstrap/modal.js} +95 -74
  15. data/vendor/assets/javascripts/{bootstrap-popover.js → twitter/bootstrap/popover.js} +9 -4
  16. data/vendor/assets/javascripts/{bootstrap-scrollspy.js → twitter/bootstrap/scrollspy.js} +9 -9
  17. data/vendor/assets/javascripts/{bootstrap-tab.js → twitter/bootstrap/tab.js} +2 -2
  18. data/vendor/assets/javascripts/{bootstrap-tooltip.js → twitter/bootstrap/tooltip.js} +15 -15
  19. data/vendor/assets/javascripts/{bootstrap-transition.js → twitter/bootstrap/transition.js} +2 -3
  20. data/vendor/assets/javascripts/{bootstrap-typeahead.js → twitter/bootstrap/typeahead.js} +50 -35
  21. data/vendor/assets/stylesheets/twitter/bootstrap-responsive.scss +1 -0
  22. data/vendor/assets/stylesheets/twitter/bootstrap.scss +1 -0
  23. data/vendor/frameworks/twitter/bootstrap.scss +1 -0
  24. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/accordion.scss +3 -2
  25. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/alerts.scss +15 -8
  26. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/bootstrap.scss +1 -1
  27. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/breadcrumbs.scss +10 -10
  28. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/button-groups.scss +76 -23
  29. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/buttons.scss +76 -56
  30. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/carousel.scss +13 -3
  31. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/close.scss +4 -2
  32. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/code.scss +6 -5
  33. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/component-animations.scss +5 -2
  34. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/dropdowns.scss +81 -14
  35. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/forms.scss +99 -46
  36. data/vendor/frameworks/twitter/bootstrap/grid.scss +21 -0
  37. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/hero-unit.scss +4 -2
  38. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/labels-badges.scss +19 -2
  39. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/layouts.scss +1 -2
  40. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/mixins.scss +105 -81
  41. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/modals.scss +9 -2
  42. data/vendor/frameworks/twitter/bootstrap/navbar.scss +468 -0
  43. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/navs.scss +38 -17
  44. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pager.scss +5 -4
  45. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/pagination.scss +16 -8
  46. data/vendor/frameworks/twitter/bootstrap/popovers.scss +117 -0
  47. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/progress-bars.scss +18 -13
  48. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/reset.scss +6 -3
  49. data/vendor/frameworks/twitter/bootstrap/responsive-1200px-min.scss +28 -0
  50. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-767px-max.scss +83 -69
  51. data/vendor/frameworks/twitter/bootstrap/responsive-768px-979px.scss +19 -0
  52. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-navbar.scss +17 -4
  53. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive-utilities.scss +17 -15
  54. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/responsive.scss +5 -5
  55. data/vendor/frameworks/twitter/bootstrap/scaffolding.scss +51 -0
  56. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/sprites.scss +17 -20
  57. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/tables.scss +60 -15
  58. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/thumbnails.scss +9 -4
  59. data/vendor/frameworks/twitter/bootstrap/tooltip.scss +70 -0
  60. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/type.scss +56 -83
  61. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/utilities.scss +9 -2
  62. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/variables.scss +109 -36
  63. data/vendor/{assets/stylesheets → frameworks/twitter/bootstrap}/wells.scss +7 -5
  64. metadata +63 -59
  65. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  66. data/vendor/assets/javascripts/bootstrap.js +0 -12
  67. data/vendor/assets/stylesheets/grid.scss +0 -5
  68. data/vendor/assets/stylesheets/navbar.scss +0 -358
  69. data/vendor/assets/stylesheets/popovers.scss +0 -49
  70. data/vendor/assets/stylesheets/responsive-1200px-min.scss +0 -26
  71. data/vendor/assets/stylesheets/responsive-768px-979px.scss +0 -17
  72. data/vendor/assets/stylesheets/scaffolding.scss +0 -29
  73. data/vendor/assets/stylesheets/tooltip.scss +0 -35
@@ -1,17 +1,13 @@
1
- // Typography.less
2
- // Headings, body text, lists, code, and more for a versatile and durable typography system
3
- // ----------------------------------------------------------------------------------------
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
4
 
5
5
 
6
- // BODY TEXT
7
- // ---------
6
+ // Body text
7
+ // -------------------------
8
8
 
9
9
  p {
10
10
  margin: 0 0 $baseLineHeight / 2;
11
- small {
12
- font-size: $baseFontSize - 2;
13
- color: $grayLight;
14
- }
15
11
  }
16
12
  .lead {
17
13
  margin-bottom: $baseLineHeight;
@@ -20,73 +16,68 @@ p {
20
16
  line-height: $baseLineHeight * 1.5;
21
17
  }
22
18
 
23
- // HEADINGS
24
- // --------
19
+
20
+ // Emphasis & misc
21
+ // -------------------------
22
+
23
+ small {
24
+ font-size: 85%; // Ex: 14px base font * 85% = about 12px
25
+ }
26
+ strong {
27
+ font-weight: bold;
28
+ }
29
+ em {
30
+ font-style: italic;
31
+ }
32
+ cite {
33
+ font-style: normal;
34
+ }
35
+ .muted {
36
+ color: $grayLight;
37
+ }
38
+
39
+
40
+ // Headings
41
+ // -------------------------
25
42
 
26
43
  h1, h2, h3, h4, h5, h6 {
27
- margin: 0;
44
+ margin: ($baseLineHeight / 2) 0;
28
45
  font-family: $headingsFontFamily;
29
46
  font-weight: $headingsFontWeight;
47
+ line-height: 1;
30
48
  color: $headingsColor;
31
49
  text-rendering: optimizelegibility; // Fix the character spacing for headings
32
50
  small {
33
51
  font-weight: normal;
52
+ line-height: 1;
34
53
  color: $grayLight;
35
54
  }
36
55
  }
37
- h1 {
38
- font-size: 30px;
39
- line-height: $baseLineHeight * 2;
40
- small {
41
- font-size: 18px;
42
- }
43
- }
44
- h2 {
45
- font-size: 24px;
46
- line-height: $baseLineHeight * 2;
47
- small {
48
- font-size: 18px;
49
- }
50
- }
51
- h3 {
52
- font-size: 18px;
53
- line-height: $baseLineHeight * 1.5;
54
- small {
55
- font-size: 14px;
56
- }
57
- }
58
- h4, h5, h6 {
59
- line-height: $baseLineHeight;
60
- }
61
- h4 {
62
- font-size: 14px;
63
- small {
64
- font-size: 12px;
65
- }
66
- }
67
- h5 {
68
- font-size: 12px;
69
- }
70
- h6 {
71
- font-size: 11px;
72
- color: $grayLight;
73
- text-transform: uppercase;
74
- }
56
+ h1 { font-size: 36px; line-height: 40px; }
57
+ h2 { font-size: 30px; line-height: 40px; }
58
+ h3 { font-size: 24px; line-height: 40px; }
59
+ h4 { font-size: 18px; line-height: 20px; }
60
+ h5 { font-size: 14px; line-height: 20px; }
61
+ h6 { font-size: 12px; line-height: 20px; }
62
+
63
+ h1 small { font-size: 24px; }
64
+ h2 small { font-size: 18px; }
65
+ h3 small { font-size: 14px; }
66
+ h4 small { font-size: 14px; }
75
67
 
76
68
  // Page header
69
+ // -------------------------
70
+
77
71
  .page-header {
78
- padding-bottom: $baseLineHeight - 1;
79
- margin: $baseLineHeight 0;
72
+ padding-bottom: ($baseLineHeight / 2) - 1;
73
+ margin: $baseLineHeight 0 ($baseLineHeight * 1.5);
80
74
  border-bottom: 1px solid $grayLighter;
81
75
  }
82
- .page-header h1 {
83
- line-height: 1;
84
- }
85
76
 
86
77
 
87
78
 
88
- // LISTS
89
- // -----
79
+ // Lists
80
+ // --------------------------------------------------
90
81
 
91
82
  // Unordered and Ordered lists
92
83
  ul, ol {
@@ -99,12 +90,6 @@ ol ol,
99
90
  ol ul {
100
91
  margin-bottom: 0;
101
92
  }
102
- ul {
103
- list-style: disc;
104
- }
105
- ol {
106
- list-style: decimal;
107
- }
108
93
  li {
109
94
  line-height: $baseLineHeight;
110
95
  }
@@ -124,7 +109,6 @@ dd {
124
109
  }
125
110
  dt {
126
111
  font-weight: bold;
127
- line-height: $baseLineHeight - 1; // fix jank Helvetica Neue font bug
128
112
  }
129
113
  dd {
130
114
  margin-left: $baseLineHeight / 2;
@@ -154,17 +138,6 @@ hr {
154
138
  border-bottom: 1px solid $white;
155
139
  }
156
140
 
157
- // Emphasis
158
- strong {
159
- font-weight: bold;
160
- }
161
- em {
162
- font-style: italic;
163
- }
164
- .muted {
165
- color: $grayLight;
166
- }
167
-
168
141
  // Abbreviations and acronyms
169
142
  abbr[title] {
170
143
  cursor: help;
@@ -204,6 +177,14 @@ blockquote {
204
177
  small {
205
178
  text-align: right;
206
179
  }
180
+ small {
181
+ &:before {
182
+ content: '';
183
+ }
184
+ &:after {
185
+ content: '\00A0 \2014';
186
+ }
187
+ }
207
188
  }
208
189
  }
209
190
 
@@ -222,11 +203,3 @@ address {
222
203
  font-style: normal;
223
204
  line-height: $baseLineHeight;
224
205
  }
225
-
226
- // Misc
227
- small {
228
- font-size: 100%;
229
- }
230
- cite {
231
- font-style: normal;
232
- }
@@ -1,5 +1,7 @@
1
- // UTILITY CLASSES
2
- // ---------------
1
+ //
2
+ // Utility classes
3
+ // --------------------------------------------------
4
+
3
5
 
4
6
  // Quick floats
5
7
  .pull-right {
@@ -21,3 +23,8 @@
21
23
  .invisible {
22
24
  visibility: hidden;
23
25
  }
26
+
27
+ // For Affix plugin
28
+ .affix {
29
+ position: fixed;
30
+ }
@@ -1,10 +1,9 @@
1
- // Variables.less
2
- // Variables to customize the look and feel of Bootstrap
3
- // -----------------------------------------------------
4
-
1
+ //
2
+ // Variables
3
+ // --------------------------------------------------
5
4
 
6
5
 
7
- // GLOBAL VALUES
6
+ // Global values
8
7
  // --------------------------------------------------
9
8
 
10
9
 
@@ -47,11 +46,11 @@ $linkColorHover: darken($linkColor, 15%) !default;
47
46
  // -------------------------
48
47
  $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
49
48
  $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
50
- $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
49
+ $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
51
50
 
52
- $baseFontSize: 13px !default;
51
+ $baseFontSize: 14px !default;
53
52
  $baseFontFamily: $sansFontFamily !default;
54
- $baseLineHeight: 18px !default;
53
+ $baseLineHeight: 20px !default;
55
54
  $altFontFamily: $serifFontFamily !default;
56
55
 
57
56
  $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
@@ -71,10 +70,10 @@ $tableBorder: #ddd !default; // table and cell border
71
70
  // -------------------------
72
71
  $btnBackground: $white !default;
73
72
  $btnBackgroundHighlight: darken($white, 10%) !default;
74
- $btnBorder: #ccc !default;
73
+ $btnBorder: #bbb !default;
75
74
 
76
75
  $btnPrimaryBackground: $linkColor !default;
77
- $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
76
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default;
78
77
 
79
78
  $btnInfoBackground: #5bc0de !default;
80
79
  $btnInfoBackgroundHighlight: #2f96b4 !default;
@@ -88,7 +87,7 @@ $btnWarningBackgroundHighlight: $orange !default;
88
87
  $btnDangerBackground: #ee5f5b !default;
89
88
  $btnDangerBackgroundHighlight: #bd362f !default;
90
89
 
91
- $btnInverseBackground: $gray !default;
90
+ $btnInverseBackground: #444 !default;
92
91
  $btnInverseBackgroundHighlight: $grayDarker !default;
93
92
 
94
93
 
@@ -104,12 +103,18 @@ $formActionsBackground: #f5f5f5 !default;
104
103
  // -------------------------
105
104
  $dropdownBackground: $white !default;
106
105
  $dropdownBorder: rgba(0,0,0,.2) !default;
107
- $dropdownLinkColor: $grayDark !default;
108
- $dropdownLinkColorHover: $white !default;
109
- $dropdownLinkBackgroundHover: $linkColor !default;
110
106
  $dropdownDividerTop: #e5e5e5 !default;
111
107
  $dropdownDividerBottom: $white !default;
112
108
 
109
+ $dropdownLinkColor: $grayDark !default;
110
+
111
+ $dropdownLinkColorActive: $dropdownLinkColor !default;
112
+ $dropdownLinkBackgroundActive: $linkColor !default;
113
+
114
+ $dropdownLinkColorHover: $white !default;
115
+ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
116
+
117
+
113
118
 
114
119
  // COMPONENT VARIABLES
115
120
  // --------------------------------------------------
@@ -118,17 +123,17 @@ $dropdownDividerBottom: $white !default;
118
123
  // -------------------------
119
124
  // Used for a bird's eye view of components dependent on the z-axis
120
125
  // Try to avoid customizing these :)
121
- $zindexDropdown: 1000 !default;
122
- $zindexPopover: 1010 !default;
123
- $zindexTooltip: 1020 !default;
124
- $zindexFixedNavbar: 1030 !default;
125
- $zindexModalBackdrop: 1040 !default;
126
- $zindexModal: 1050 !default;
126
+ $zindexDropdown: 1000 !default;
127
+ $zindexPopover: 1010 !default;
128
+ $zindexTooltip: 1030 !default;
129
+ $zindexFixedNavbar: 1030 !default;
130
+ $zindexModalBackdrop: 1040 !default;
131
+ $zindexModal: 1050 !default;
127
132
 
128
133
 
129
134
  // Sprite icons path
130
- $iconSpritePath: image-path("glyphicons-halflings.png") !default;
131
- $iconWhiteSpritePath: image-path("glyphicons-halflings-white.png") !default;
135
+ $iconSpritePath: image-path("twitter/glyphicons-halflings.png") !default;
136
+ $iconWhiteSpritePath: image-path("twitter/glyphicons-halflings-white.png") !default;
132
137
 
133
138
  // Input placeholder text color
134
139
  $placeholderText: $grayLight !default;
@@ -136,25 +141,55 @@ $placeholderText: $grayLight !default;
136
141
  // Hr border color
137
142
  $hrBorder: $grayLighter !default;
138
143
 
144
+ // Wells
145
+ // -------------------------
146
+ $wellBackground: #f5f5f5 !default;
147
+
148
+
139
149
  // Navbar
140
150
  // -------------------------
141
- $navbarHeight: 40px !default;
142
- $navbarBackground: $grayDarker !default;
143
- $navbarBackgroundHighlight: $grayDark !default;
151
+ $navbarCollapseWidth: 979px !default;
144
152
 
145
- $navbarText: $grayLight !default;
146
- $navbarLinkColor: $grayLight !default;
147
- $navbarLinkColorHover: $white !default;
148
- $navbarLinkColorActive: $navbarLinkColorHover !default;
153
+ $navbarHeight: 40px !default;
154
+ $navbarBackgroundHighlight: #ffffff !default;
155
+ $navbarBackground: darken($navbarBackgroundHighlight, 5%) !default;
156
+ $navbarBorder: darken($navbarBackground, 12%) !default;
157
+
158
+ $navbarText: $gray !default;
159
+ $navbarLinkColor: $gray !default;
160
+ $navbarLinkColorHover: $grayDark !default;
161
+ $navbarLinkColorActive: $gray !default;
149
162
  $navbarLinkBackgroundHover: transparent !default;
150
- $navbarLinkBackgroundActive: $navbarBackground !default;
163
+ $navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
151
164
 
152
- $navbarSearchBackground: lighten($navbarBackground, 25%) !default;
153
- $navbarSearchBackgroundFocus: $white !default;
154
- $navbarSearchBorder: darken($navbarSearchBackground, 30%) !default;
155
- $navbarSearchPlaceholderColor: #ccc !default;
156
165
  $navbarBrandColor: $navbarLinkColor !default;
157
166
 
167
+ // Inverted navbar
168
+ $navbarInverseBackground: #111111 !default;
169
+ $navbarInverseBackgroundHighlight: #222222 !default;
170
+ $navbarInverseBorder: #252525 !default;
171
+
172
+ $navbarInverseText: $grayLight !default;
173
+ $navbarInverseLinkColor: $grayLight !default;
174
+ $navbarInverseLinkColorHover: $white !default;
175
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
176
+ $navbarInverseLinkBackgroundHover: transparent !default;
177
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
178
+
179
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
180
+ $navbarInverseSearchBackgroundFocus: $white !default;
181
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
182
+ $navbarInverseSearchPlaceholderColor: #ccc !default;
183
+
184
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
185
+
186
+
187
+ // Pagination
188
+ // -------------------------
189
+ $paginationBackground: #fff !default;
190
+ $paginationBorder: #ddd !default;
191
+ $paginationActiveBackground: #f5f5f5 !default;
192
+
158
193
 
159
194
  // Hero unit
160
195
  // -------------------------
@@ -182,10 +217,28 @@ $infoBackground: #d9edf7 !default;
182
217
  $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
183
218
 
184
219
 
220
+ // Tooltips and popovers
221
+ // -------------------------
222
+ $tooltipColor: #fff !default;
223
+ $tooltipBackground: #000 !default;
224
+ $tooltipArrowWidth: 5px !default;
225
+ $tooltipArrowColor: $tooltipBackground !default;
226
+
227
+ $popoverBackground: #fff !default;
228
+ $popoverArrowWidth: 10px !default;
229
+ $popoverArrowColor: #fff !default;
230
+ $popoverTitleBackground: darken($popoverBackground, 3%) !default;
231
+
232
+ // Special enhancement for popovers
233
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
234
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
235
+
236
+
185
237
 
186
238
  // GRID
187
239
  // --------------------------------------------------
188
240
 
241
+
189
242
  // Default 940px grid
190
243
  // -------------------------
191
244
  $gridColumns: 12 !default;
@@ -193,6 +246,26 @@ $gridColumnWidth: 60px !default;
193
246
  $gridGutterWidth: 20px !default;
194
247
  $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
195
248
 
249
+ // 1200px min
250
+ $gridColumnWidth1200: 70px !default;
251
+ $gridGutterWidth1200: 30px !default;
252
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
253
+
254
+ // 768px-979px
255
+ $gridColumnWidth768: 42px !default;
256
+ $gridGutterWidth768: 20px !default;
257
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
258
+
259
+
196
260
  // Fluid grid
197
- $fluidGridColumnWidth: 6.382978723% !default;
198
- $fluidGridGutterWidth: 2.127659574% !default;
261
+ // -------------------------
262
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
263
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
264
+
265
+ // 1200px min
266
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
267
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
268
+
269
+ // 768px-979px
270
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
271
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
@@ -1,13 +1,15 @@
1
- // WELLS
2
- // -----
1
+ //
2
+ // Wells
3
+ // --------------------------------------------------
3
4
 
5
+
6
+ // Base class
4
7
  .well {
5
8
  min-height: 20px;
6
9
  padding: 19px;
7
10
  margin-bottom: 20px;
8
- background-color: #f5f5f5;
9
- border: 1px solid #eee;
10
- border: 1px solid rgba(0,0,0,.05);
11
+ background-color: $wellBackground;
12
+ border: 1px solid darken($wellBackground, 7%);
11
13
  @include border-radius(4px);
12
14
  @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
13
15
  blockquote {