bootswatch-rails 0.3.0 → 0.3.1

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.
@@ -9,127 +9,127 @@
9
9
 
10
10
  // Grays
11
11
  // -------------------------
12
- $black: #000;
13
- $grayDarker: #272B30;
14
- $grayDark: #3A3F44;
15
- $gray: #52575C;
16
- $grayLight: #7A8288;
17
- $grayLighter: #BBBFC2;
18
- $white: #fff;
12
+ $black: #000 !default;
13
+ $grayDarker: #272B30 !default;
14
+ $grayDark: #3A3F44 !default;
15
+ $gray: #52575C !default;
16
+ $grayLight: #7A8288 !default;
17
+ $grayLighter: #BBBFC2 !default;
18
+ $white: #fff !default;
19
19
 
20
20
 
21
21
  // Accent colors
22
22
  // -------------------------
23
- $blue: #5bc0de;
24
- $blueDark: #108CBB;
25
- $green: #62c462;
26
- $red: #ee5f5b;
27
- $yellow: #F6D30D;
28
- $orange: #f89406;
29
- $pink: #c3325f;
30
- $purple: #7a43b6;
23
+ $blue: #5bc0de !default;
24
+ $blueDark: #108CBB !default;
25
+ $green: #62c462 !default;
26
+ $red: #ee5f5b !default;
27
+ $yellow: #F6D30D !default;
28
+ $orange: #f89406 !default;
29
+ $pink: #c3325f !default;
30
+ $purple: #7a43b6 !default;
31
31
 
32
32
 
33
33
  // Scaffolding
34
34
  // -------------------------
35
- $bodyBackground: $grayDarker;
36
- $textColor: #C8C8C8;
35
+ $bodyBackground: $grayDarker !default;
36
+ $textColor: #C8C8C8 !default;
37
37
 
38
38
 
39
39
  // Links
40
40
  // -------------------------
41
- $linkColor: $white;
42
- $linkColorHover: $white;
41
+ $linkColor: $white !default;
42
+ $linkColorHover: $white !default;
43
43
 
44
44
 
45
45
  // Typography
46
46
  // -------------------------
47
- $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
48
- $serifFontFamily: Georgia, "Times New Roman", Times, serif;
49
- $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
47
+ $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
49
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
50
50
 
51
- $baseFontSize: 14px;
52
- $baseFontFamily: $sansFontFamily;
53
- $baseLineHeight: 21px;
54
- $altFontFamily: $serifFontFamily;
51
+ $baseFontSize: 14px !default;
52
+ $baseFontFamily: $sansFontFamily !default;
53
+ $baseLineHeight: 21px !default;
54
+ $altFontFamily: $serifFontFamily !default;
55
55
 
56
- $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
57
- $headingsFontWeight: bold; // instead of browser default, bold
58
- $headingsColor: inherit; // empty to use BS default, $textColor
56
+ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
57
+ $headingsFontWeight: bold !default; // instead of browser default, bold
58
+ $headingsColor: inherit !default; // empty to use BS default, $textColor
59
59
 
60
60
 
61
61
  // Component sizing
62
62
  // -------------------------
63
63
  // Based on 14px font-size and 20px line-height
64
64
 
65
- $fontSizeLarge: $baseFontSize * 1.25; // ~18px
66
- $fontSizeSmall: $baseFontSize * 0.85; // ~12px
67
- $fontSizeMini: $baseFontSize * 0.75; // ~11px
65
+ $fontSizeLarge: $baseFontSize * 1.25 !default; // ~18px
66
+ $fontSizeSmall: $baseFontSize * 0.85 !default; // ~12px
67
+ $fontSizeMini: $baseFontSize * 0.75 !default; // ~11px
68
68
 
69
- $paddingLarge: 11px 19px; // 44px
70
- $paddingSmall: 2px 10px; // 26px
71
- $paddingMini: 0px 6px; // 22px
69
+ $paddingLarge: 11px 19px !default; // 44px
70
+ $paddingSmall: 2px 10px !default; // 26px
71
+ $paddingMini: 0px 6px !default; // 22px
72
72
 
73
- $baseBorderRadius: 4px;
74
- $borderRadiusLarge: 6px;
75
- $borderRadiusSmall: 3px;
73
+ $baseBorderRadius: 4px !default;
74
+ $borderRadiusLarge: 6px !default;
75
+ $borderRadiusSmall: 3px !default;
76
76
 
77
77
 
78
78
  // Tables
79
79
  // -------------------------
80
- $tableBackground: transparent; // overall background-color
81
- $tableBackgroundAccent: darken($grayDark, 5%); // for striping
82
- $tableBackgroundHover: $grayDark; // for hover
83
- $tableBorder: darken($grayDarker, 5%); // table and cell border
80
+ $tableBackground: transparent !default; // overall background-color
81
+ $tableBackgroundAccent: darken($grayDark, 5%) !default; // for striping
82
+ $tableBackgroundHover: $grayDark !default; // for hover
83
+ $tableBorder: darken($grayDarker, 5%) !default; // table and cell border
84
84
 
85
85
  // Buttons
86
86
  // -------------------------
87
- $btnBackground: $white;
88
- $btnBackgroundHighlight: darken($white, 10%);
89
- $btnBorder: darken($white, 20%);
87
+ $btnBackground: $white !default;
88
+ $btnBackgroundHighlight: darken($white, 10%) !default;
89
+ $btnBorder: darken($white, 20%) !default;
90
90
 
91
- $btnPrimaryBackground: $grayLighter;
92
- $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
91
+ $btnPrimaryBackground: $grayLighter !default;
92
+ $btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
93
93
 
94
- $btnInfoBackground: $blue;
95
- $btnInfoBackgroundHighlight: #2f96b4;
94
+ $btnInfoBackground: $blue !default;
95
+ $btnInfoBackgroundHighlight: #2f96b4 !default;
96
96
 
97
- $btnSuccessBackground: $green;
98
- $btnSuccessBackgroundHighlight: #51a351;
97
+ $btnSuccessBackground: $green !default;
98
+ $btnSuccessBackgroundHighlight: #51a351 !default;
99
99
 
100
- $btnWarningBackground: lighten($orange, 15%);
101
- $btnWarningBackgroundHighlight: $orange;
100
+ $btnWarningBackground: lighten($orange, 15%) !default;
101
+ $btnWarningBackgroundHighlight: $orange !default;
102
102
 
103
- $btnDangerBackground: $red;
104
- $btnDangerBackgroundHighlight: #bd362f;
103
+ $btnDangerBackground: $red !default;
104
+ $btnDangerBackgroundHighlight: #bd362f !default;
105
105
 
106
- $btnInverseBackground: $gray;
107
- $btnInverseBackgroundHighlight: $grayDarker;
106
+ $btnInverseBackground: $gray !default;
107
+ $btnInverseBackgroundHighlight: $grayDarker !default;
108
108
 
109
109
 
110
110
  // Forms
111
111
  // -------------------------
112
- $inputBackground: $white;
113
- $inputBorder: #ccc;
114
- $inputBorderRadius: $baseBorderRadius;
115
- $inputDisabledBackground: $grayLighter;
116
- $formActionsBackground: darken($grayDarker, 3%);
117
- $inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
112
+ $inputBackground: $white !default;
113
+ $inputBorder: #ccc !default;
114
+ $inputBorderRadius: $baseBorderRadius !default;
115
+ $inputDisabledBackground: $grayLighter !default;
116
+ $formActionsBackground: darken($grayDarker, 3%) !default;
117
+ $inputHeight: $baseLineHeight + 10px !default; // base line-height + 8px vertical padding + 2px top/bottom border
118
118
 
119
119
 
120
120
  // Dropdowns
121
121
  // -------------------------
122
- $dropdownBackground: $grayDark;
123
- $dropdownBorder: rgba(0,0,0,.2);
124
- $dropdownDividerTop: transparent;
125
- $dropdownDividerBottom: darken($grayDarker, 5%);
122
+ $dropdownBackground: $grayDark !default;
123
+ $dropdownBorder: rgba(0,0,0,.2) !default;
124
+ $dropdownDividerTop: transparent !default;
125
+ $dropdownDividerBottom: darken($grayDarker, 5%) !default;
126
126
 
127
- $dropdownLinkColor: $grayLight;
128
- $dropdownLinkColorHover: $white;
129
- $dropdownLinkColorActive: $white;
127
+ $dropdownLinkColor: $grayLight !default;
128
+ $dropdownLinkColorHover: $white !default;
129
+ $dropdownLinkColorActive: $white !default;
130
130
 
131
- $dropdownLinkBackgroundActive: $grayDarker;
132
- $dropdownLinkBackgroundHover: $grayDarker;
131
+ $dropdownLinkBackgroundActive: $grayDarker !default;
132
+ $dropdownLinkBackgroundHover: $grayDarker !default;
133
133
 
134
134
 
135
135
 
@@ -141,127 +141,127 @@ $dropdownLinkBackgroundHover: $grayDarker;
141
141
  // -------------------------
142
142
  // Used for a bird's eye view of components dependent on the z-axis
143
143
  // Try to avoid customizing these :)
144
- $zindexDropdown: 1000;
145
- $zindexPopover: 1010;
146
- $zindexTooltip: 1030;
147
- $zindexFixedNavbar: 1030;
148
- $zindexModalBackdrop: 1040;
149
- $zindexModal: 1050;
144
+ $zindexDropdown: 1000 !default;
145
+ $zindexPopover: 1010 !default;
146
+ $zindexTooltip: 1030 !default;
147
+ $zindexFixedNavbar: 1030 !default;
148
+ $zindexModalBackdrop: 1040 !default;
149
+ $zindexModal: 1050 !default;
150
150
 
151
151
 
152
152
  // Sprite icons path
153
153
  // -------------------------
154
- $iconSpritePath: "../img/glyphicons-halflings.png";
155
- $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
154
+ $iconSpritePath: "../img/glyphicons-halflings.png" !default;
155
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png" !default;
156
156
 
157
157
 
158
158
  // Input placeholder text color
159
159
  // -------------------------
160
- $placeholderText: $grayLight;
160
+ $placeholderText: $grayLight !default;
161
161
 
162
162
 
163
163
  // Hr border color
164
164
  // -------------------------
165
- $hrBorder: $grayLighter;
165
+ $hrBorder: $grayLighter !default;
166
166
 
167
167
 
168
168
  // Horizontal forms & lists
169
169
  // -------------------------
170
- $horizontalComponentOffset: 180px;
170
+ $horizontalComponentOffset: 180px !default;
171
171
 
172
172
 
173
173
  // Wells
174
174
  // -------------------------
175
- $wellBackground: darken($grayDarker, 3%);
175
+ $wellBackground: darken($grayDarker, 3%) !default;
176
176
 
177
177
 
178
178
  // Navbar
179
179
  // -------------------------
180
- $navbarCollapseWidth: 979px;
181
- $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
180
+ $navbarCollapseWidth: 979px !default;
181
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
182
182
 
183
- $navbarHeight: 40px;
184
- $navbarBackground: $grayDarker;
185
- $navbarBackgroundHighlight: $grayDark;
186
- $navbarBorder: darken($navbarBackground, 12%);
183
+ $navbarHeight: 40px !default;
184
+ $navbarBackground: $grayDarker !default;
185
+ $navbarBackgroundHighlight: $grayDark !default;
186
+ $navbarBorder: darken($navbarBackground, 12%) !default;
187
187
 
188
- $navbarText: $textColor;
189
- $navbarLinkColor: $textColor;
190
- $navbarLinkColorHover: $white;
191
- $navbarLinkColorActive: $navbarLinkColorHover;
192
- $navbarLinkBackgroundHover: $grayDark;
193
- $navbarLinkBackgroundActive: $navbarBackground;
188
+ $navbarText: $textColor !default;
189
+ $navbarLinkColor: $textColor !default;
190
+ $navbarLinkColorHover: $white !default;
191
+ $navbarLinkColorActive: $navbarLinkColorHover !default;
192
+ $navbarLinkBackgroundHover: $grayDark !default;
193
+ $navbarLinkBackgroundActive: $navbarBackground !default;
194
194
 
195
- $navbarBrandColor: $grayLighter;
195
+ $navbarBrandColor: $grayLighter !default;
196
196
 
197
197
  // Inverted navbar
198
- $navbarInverseBackground: darken($grayDarker, 10%);
199
- $navbarInverseBackgroundHighlight: $grayDarker;
200
- $navbarInverseBorder: #252525;
198
+ $navbarInverseBackground: darken($grayDarker, 10%) !default;
199
+ $navbarInverseBackgroundHighlight: $grayDarker !default;
200
+ $navbarInverseBorder: #252525 !default;
201
201
 
202
- $navbarInverseText: $grayLight;
203
- $navbarInverseLinkColor: $grayLight;
204
- $navbarInverseLinkColorHover: $white;
205
- $navbarInverseLinkColorActive: $navbarInverseLinkColorHover;
206
- $navbarInverseLinkBackgroundHover: transparent;
207
- $navbarInverseLinkBackgroundActive: $navbarInverseBackground;
202
+ $navbarInverseText: $grayLight !default;
203
+ $navbarInverseLinkColor: $grayLight !default;
204
+ $navbarInverseLinkColorHover: $white !default;
205
+ $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
206
+ $navbarInverseLinkBackgroundHover: transparent !default;
207
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
208
208
 
209
- $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
210
- $navbarInverseSearchBackgroundFocus: $white;
211
- $navbarInverseSearchBorder: $navbarInverseBackground;
212
- $navbarInverseSearchPlaceholderColor: #ccc;
209
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
210
+ $navbarInverseSearchBackgroundFocus: $white !default;
211
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
212
+ $navbarInverseSearchPlaceholderColor: #ccc !default;
213
213
 
214
- $navbarInverseBrandColor: $navbarInverseLinkColor;
214
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
215
215
 
216
216
 
217
217
  // Pagination
218
218
  // -------------------------
219
- $paginationBackground: #fff;
220
- $paginationBorder: #ddd;
221
- $paginationActiveBackground: #f5f5f5;
219
+ $paginationBackground: #fff !default;
220
+ $paginationBorder: #ddd !default;
221
+ $paginationActiveBackground: #f5f5f5 !default;
222
222
 
223
223
 
224
224
  // Hero unit
225
225
  // -------------------------
226
- $heroUnitBackground: darken($grayDarker, 3%);
227
- $heroUnitHeadingColor: inherit;
228
- $heroUnitLeadColor: inherit;
226
+ $heroUnitBackground: darken($grayDarker, 3%) !default;
227
+ $heroUnitHeadingColor: inherit !default;
228
+ $heroUnitLeadColor: inherit !default;
229
229
 
230
230
 
231
231
  // Form states and alerts
232
232
  // -------------------------
233
- $warningText: #c09853;
234
- $warningBackground: #fcf8e3;
235
- $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
233
+ $warningText: #c09853 !default;
234
+ $warningBackground: #fcf8e3 !default;
235
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
236
236
 
237
- $errorText: #b94a48;
238
- $errorBackground: #f2dede;
239
- $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
237
+ $errorText: #b94a48 !default;
238
+ $errorBackground: #f2dede !default;
239
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
240
240
 
241
- $successText: #468847;
242
- $successBackground: #dff0d8;
243
- $successBorder: darken(adjust-hue($successBackground, -10), 5%);
241
+ $successText: #468847 !default;
242
+ $successBackground: #dff0d8 !default;
243
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
244
244
 
245
- $infoText: #3a87ad;
246
- $infoBackground: #d9edf7;
247
- $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
245
+ $infoText: #3a87ad !default;
246
+ $infoBackground: #d9edf7 !default;
247
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
248
248
 
249
249
 
250
250
  // Tooltips and popovers
251
251
  // -------------------------
252
- $tooltipColor: #fff;
253
- $tooltipBackground: $dropdownBackground;
254
- $tooltipArrowWidth: 5px;
255
- $tooltipArrowColor: $tooltipBackground;
252
+ $tooltipColor: #fff !default;
253
+ $tooltipBackground: $dropdownBackground !default;
254
+ $tooltipArrowWidth: 5px !default;
255
+ $tooltipArrowColor: $tooltipBackground !default;
256
256
 
257
- $popoverBackground: $dropdownBackground;
258
- $popoverArrowWidth: 10px;
259
- $popoverArrowColor: $dropdownBackground;
260
- $popoverTitleBackground: lighten($popoverBackground, 3%);
257
+ $popoverBackground: $dropdownBackground !default;
258
+ $popoverArrowWidth: 10px !default;
259
+ $popoverArrowColor: $dropdownBackground !default;
260
+ $popoverTitleBackground: lighten($popoverBackground, 3%) !default;
261
261
 
262
262
  // Special enhancement for popovers
263
- $popoverArrowOuterWidth: $popoverArrowWidth + 1;
264
- $popoverArrowOuterColor: rgba(0,0,0,.25);
263
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
264
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
265
265
 
266
266
 
267
267
 
@@ -271,31 +271,31 @@ $popoverArrowOuterColor: rgba(0,0,0,.25);
271
271
 
272
272
  // Default 940px grid
273
273
  // -------------------------
274
- $gridColumns: 12;
275
- $gridColumnWidth: 60px;
276
- $gridGutterWidth: 20px;
277
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
274
+ $gridColumns: 12 !default;
275
+ $gridColumnWidth: 60px !default;
276
+ $gridGutterWidth: 20px !default;
277
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
278
278
 
279
279
  // 1200px min
280
- $gridColumnWidth1200: 70px;
281
- $gridGutterWidth1200: 30px;
282
- $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
280
+ $gridColumnWidth1200: 70px !default;
281
+ $gridGutterWidth1200: 30px !default;
282
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
283
283
 
284
284
  // 768px-979px
285
- $gridColumnWidth768: 42px;
286
- $gridGutterWidth768: 20px;
287
- $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
285
+ $gridColumnWidth768: 42px !default;
286
+ $gridGutterWidth768: 20px !default;
287
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
288
288
 
289
289
 
290
290
  // Fluid grid
291
291
  // -------------------------
292
- $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth);
293
- $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth);
292
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
293
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
294
294
 
295
295
  // 1200px min
296
- $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200);
297
- $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200);
296
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
297
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
298
298
 
299
299
  // 768px-979px
300
- $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768);
301
- $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768);
300
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
301
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
@@ -9,167 +9,167 @@
9
9
 
10
10
  // Grays
11
11
  // -------------------------
12
- $black: #000;
13
- $grayDarker: #2D2D2D;
14
- $grayDark: #434848;
15
- $gray: #666;
16
- $grayLight: #bbb;
17
- $grayLighter: #eee;
18
- $white: #fff;
12
+ $black: #000 !default;
13
+ $grayDarker: #2D2D2D !default;
14
+ $grayDark: #434848 !default;
15
+ $gray: #666 !default;
16
+ $grayLight: #bbb !default;
17
+ $grayLighter: #eee !default;
18
+ $white: #fff !default;
19
19
 
20
20
 
21
21
  // Accent colors
22
22
  // -------------------------
23
- $blue: #3399F3;
24
- $blueDark: #405A6A;
25
- $green: #3CB521;
26
- $red: #CD0200;
27
- $yellow: #F4CA00;
28
- $orange: #D47500;
29
- $pink: #F44B8C;
30
- $purple: #405A6A;
23
+ $blue: #3399F3 !default;
24
+ $blueDark: #405A6A !default;
25
+ $green: #3CB521 !default;
26
+ $red: #CD0200 !default;
27
+ $yellow: #F4CA00 !default;
28
+ $orange: #D47500 !default;
29
+ $pink: #F44B8C !default;
30
+ $purple: #405A6A !default;
31
31
 
32
32
 
33
33
  // Scaffolding
34
34
  // -------------------------
35
- $bodyBackground: $white;
36
- $textColor: $gray;
35
+ $bodyBackground: $white !default;
36
+ $textColor: $gray !default;
37
37
 
38
38
 
39
39
  // Links
40
40
  // -------------------------
41
- $linkColor: #09d;
42
- $linkColorHover: $linkColor;
41
+ $linkColor: #09d !default;
42
+ $linkColorHover: $linkColor !default;
43
43
 
44
44
 
45
45
  // Typography
46
46
  // -------------------------
47
- $sansFontFamily: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
48
- $serifFontFamily: Georgia, "Times New Roman", Times, serif;
49
- $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
47
+ $sansFontFamily: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ $serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
49
+ $monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace !default;
50
50
 
51
- $baseFontSize: 15px;
52
- $baseFontFamily: $sansFontFamily;
53
- $baseLineHeight: 21px;
54
- $altFontFamily: $serifFontFamily;
51
+ $baseFontSize: 15px !default;
52
+ $baseFontFamily: $sansFontFamily !default;
53
+ $baseLineHeight: 21px !default;
54
+ $altFontFamily: $serifFontFamily !default;
55
55
 
56
- $headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
57
- $headingsFontWeight: normal; // instead of browser default, bold
58
- $headingsColor: $grayDarker; // empty to use BS default, $textColor
56
+ $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
57
+ $headingsFontWeight: normal !default; // instead of browser default, bold
58
+ $headingsColor: $grayDarker !default; // empty to use BS default, $textColor
59
59
 
60
60
 
61
61
  // Component sizing
62
62
  // -------------------------
63
63
  // Based on 14px font-size and 20px line-height
64
64
 
65
- $fontSizeLarge: $baseFontSize * 1.25; // ~18px
66
- $fontSizeSmall: $baseFontSize * 0.85; // ~12px
67
- $fontSizeMini: $baseFontSize * 0.75; // ~11px
65
+ $fontSizeLarge: $baseFontSize * 1.25 !default; // ~18px
66
+ $fontSizeSmall: $baseFontSize * 0.85 !default; // ~12px
67
+ $fontSizeMini: $baseFontSize * 0.75 !default; // ~11px
68
68
 
69
- $paddingLarge: 11px 19px; // 44px
70
- $paddingSmall: 2px 10px; // 26px
71
- $paddingMini: 0px 6px; // 22px
69
+ $paddingLarge: 11px 19px !default; // 44px
70
+ $paddingSmall: 2px 10px !default; // 26px
71
+ $paddingMini: 0px 6px !default; // 22px
72
72
 
73
- $baseBorderRadius: 4px;
74
- $borderRadiusLarge: 6px;
75
- $borderRadiusSmall: 3px;
73
+ $baseBorderRadius: 4px !default;
74
+ $borderRadiusLarge: 6px !default;
75
+ $borderRadiusSmall: 3px !default;
76
76
 
77
77
 
78
78
  // Tables
79
79
  // -------------------------
80
- $tableBackground: transparent; // overall background-color
81
- $tableBackgroundAccent: #f9f9f9; // for striping
82
- $tableBackgroundHover: #f5f5f5; // for hover
83
- $tableBorder: #ddd; // table and cell border
80
+ $tableBackground: transparent !default; // overall background-color
81
+ $tableBackgroundAccent: #f9f9f9 !default; // for striping
82
+ $tableBackgroundHover: #f5f5f5 !default; // for hover
83
+ $tableBorder: #ddd !default; // table and cell border
84
84
 
85
85
 
86
86
  // Navbar
87
87
  // -------------------------
88
- $navbarCollapseWidth: 979px;
89
- $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1;
88
+ $navbarCollapseWidth: 979px !default;
89
+ $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
90
90
 
91
- $navbarHeight: 40px;
92
- $navbarBackgroundHighlight: $grayLighter;
93
- $navbarBackground: lighten($grayLight, 5%);
94
- $navbarBorder: $grayLight;
91
+ $navbarHeight: 40px !default;
92
+ $navbarBackgroundHighlight: $grayLighter !default;
93
+ $navbarBackground: lighten($grayLight, 5%) !default;
94
+ $navbarBorder: $grayLight !default;
95
95
 
96
- $navbarText: $textColor;
97
- $navbarLinkColor: $textColor;
98
- $navbarLinkColorHover: $black;
99
- $navbarLinkColorActive: $black;
100
- $navbarLinkBackgroundHover: transparent;
101
- $navbarLinkBackgroundActive: transparent;
96
+ $navbarText: $textColor !default;
97
+ $navbarLinkColor: $textColor !default;
98
+ $navbarLinkColorHover: $black !default;
99
+ $navbarLinkColorActive: $black !default;
100
+ $navbarLinkBackgroundHover: transparent !default;
101
+ $navbarLinkBackgroundActive: transparent !default;
102
102
 
103
- $navbarBrandColor: $navbarLinkColor;
103
+ $navbarBrandColor: $navbarLinkColor !default;
104
104
 
105
105
  // Inverted navbar
106
- $navbarInverseBackground: #6C737E;
107
- $navbarInverseBackgroundHighlight: lighten($navbarInverseBackground, 25%);
108
- $navbarInverseBorder: darken($navbarInverseBackground, 5%);
106
+ $navbarInverseBackground: #6C737E !default;
107
+ $navbarInverseBackgroundHighlight: lighten($navbarInverseBackground, 25%) !default;
108
+ $navbarInverseBorder: darken($navbarInverseBackground, 5%) !default;
109
109
 
110
- $navbarInverseText: $grayLighter;
111
- $navbarInverseLinkColor: $grayLighter;
112
- $navbarInverseLinkColorHover: $white;
113
- $navbarInverseLinkColorActive: $white;
114
- $navbarInverseLinkBackgroundHover: transparent;
115
- $navbarInverseLinkBackgroundActive: $navbarInverseBackground;
110
+ $navbarInverseText: $grayLighter !default;
111
+ $navbarInverseLinkColor: $grayLighter !default;
112
+ $navbarInverseLinkColorHover: $white !default;
113
+ $navbarInverseLinkColorActive: $white !default;
114
+ $navbarInverseLinkBackgroundHover: transparent !default;
115
+ $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
116
116
 
117
- $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
118
- $navbarInverseSearchBackgroundFocus: $white;
119
- $navbarInverseSearchBorder: $navbarInverseBackground;
120
- $navbarInverseSearchPlaceholderColor: $grayLighter;
117
+ $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
118
+ $navbarInverseSearchBackgroundFocus: $white !default;
119
+ $navbarInverseSearchBorder: $navbarInverseBackground !default;
120
+ $navbarInverseSearchPlaceholderColor: $grayLighter !default;
121
121
 
122
- $navbarInverseBrandColor: $navbarInverseLinkColor;
122
+ $navbarInverseBrandColor: $navbarInverseLinkColor !default;
123
123
 
124
124
 
125
125
  // Buttons
126
126
  // -------------------------
127
- $btnBackground: $white;
128
- $btnBackgroundHighlight: $grayLighter;
129
- $btnBorder: darken($btnBackground, 20%);
127
+ $btnBackground: $white !default;
128
+ $btnBackgroundHighlight: $grayLighter !default;
129
+ $btnBorder: darken($btnBackground, 20%) !default;
130
130
 
131
- $btnPrimaryBackground: lighten($linkColor, 10%);
132
- $btnPrimaryBackgroundHighlight: $linkColor;
131
+ $btnPrimaryBackground: lighten($linkColor, 10%) !default;
132
+ $btnPrimaryBackgroundHighlight: $linkColor !default;
133
133
 
134
- $btnInfoBackground: lighten(#3A5D83, 10%);
135
- $btnInfoBackgroundHighlight: #3A5D83;
134
+ $btnInfoBackground: lighten(#3A5D83, 10%) !default;
135
+ $btnInfoBackgroundHighlight: #3A5D83 !default;
136
136
 
137
- $btnSuccessBackground: lighten($green, 10%);
138
- $btnSuccessBackgroundHighlight: $green;
137
+ $btnSuccessBackground: lighten($green, 10%) !default;
138
+ $btnSuccessBackgroundHighlight: $green !default;
139
139
 
140
- $btnWarningBackground: lighten($orange, 10%);
141
- $btnWarningBackgroundHighlight: $orange;
140
+ $btnWarningBackground: lighten($orange, 10%) !default;
141
+ $btnWarningBackgroundHighlight: $orange !default;
142
142
 
143
- $btnDangerBackground: lighten($red, 10%);
144
- $btnDangerBackgroundHighlight: $red;
143
+ $btnDangerBackground: lighten($red, 10%) !default;
144
+ $btnDangerBackgroundHighlight: $red !default;
145
145
 
146
- $btnInverseBackground: lighten($navbarInverseBackground, 15%);
147
- $btnInverseBackgroundHighlight: $navbarInverseBackground;
146
+ $btnInverseBackground: lighten($navbarInverseBackground, 15%) !default;
147
+ $btnInverseBackgroundHighlight: $navbarInverseBackground !default;
148
148
 
149
149
 
150
150
  // Forms
151
151
  // -------------------------
152
- $inputBackground: $white;
153
- $inputBorder: #ccc;
154
- $inputBorderRadius: $baseBorderRadius;
155
- $inputDisabledBackground: $grayLighter;
156
- $formActionsBackground: #f5f5f5;
157
- $inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
152
+ $inputBackground: $white !default;
153
+ $inputBorder: #ccc !default;
154
+ $inputBorderRadius: $baseBorderRadius !default;
155
+ $inputDisabledBackground: $grayLighter !default;
156
+ $formActionsBackground: #f5f5f5 !default;
157
+ $inputHeight: $baseLineHeight + 10px !default; // base line-height + 8px vertical padding + 2px top/bottom border
158
158
 
159
159
 
160
160
  // Dropdowns
161
161
  // -------------------------
162
- $dropdownBackground: $white;
163
- $dropdownBorder: rgba(0,0,0,.2);
164
- $dropdownDividerTop: #e5e5e5;
165
- $dropdownDividerBottom: $white;
162
+ $dropdownBackground: $white !default;
163
+ $dropdownBorder: rgba(0,0,0,.2) !default;
164
+ $dropdownDividerTop: #e5e5e5 !default;
165
+ $dropdownDividerBottom: $white !default;
166
166
 
167
- $dropdownLinkColor: $textColor;
168
- $dropdownLinkColorHover: $white;
169
- $dropdownLinkColorActive: $white;
167
+ $dropdownLinkColor: $textColor !default;
168
+ $dropdownLinkColorHover: $white !default;
169
+ $dropdownLinkColorActive: $white !default;
170
170
 
171
- $dropdownLinkBackgroundActive: $linkColor;
172
- $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
171
+ $dropdownLinkBackgroundActive: $linkColor !default;
172
+ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
173
173
 
174
174
 
175
175
 
@@ -181,88 +181,88 @@ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
181
181
  // -------------------------
182
182
  // Used for a bird's eye view of components dependent on the z-axis
183
183
  // Try to avoid customizing these :)
184
- $zindexDropdown: 1000;
185
- $zindexPopover: 1010;
186
- $zindexTooltip: 1030;
187
- $zindexFixedNavbar: 1030;
188
- $zindexModalBackdrop: 1040;
189
- $zindexModal: 1050;
184
+ $zindexDropdown: 1000 !default;
185
+ $zindexPopover: 1010 !default;
186
+ $zindexTooltip: 1030 !default;
187
+ $zindexFixedNavbar: 1030 !default;
188
+ $zindexModalBackdrop: 1040 !default;
189
+ $zindexModal: 1050 !default;
190
190
 
191
191
 
192
192
  // Sprite icons path
193
193
  // -------------------------
194
- $iconSpritePath: "../img/glyphicons-halflings.png";
195
- $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
194
+ $iconSpritePath: "../img/glyphicons-halflings.png" !default;
195
+ $iconWhiteSpritePath: "../img/glyphicons-halflings-white.png" !default;
196
196
 
197
197
 
198
198
  // Input placeholder text color
199
199
  // -------------------------
200
- $placeholderText: $grayLight;
200
+ $placeholderText: $grayLight !default;
201
201
 
202
202
 
203
203
  // Hr border color
204
204
  // -------------------------
205
- $hrBorder: $grayLighter;
205
+ $hrBorder: $grayLighter !default;
206
206
 
207
207
 
208
208
  // Horizontal forms & lists
209
209
  // -------------------------
210
- $horizontalComponentOffset: 180px;
210
+ $horizontalComponentOffset: 180px !default;
211
211
 
212
212
 
213
213
  // Wells
214
214
  // -------------------------
215
- $wellBackground: $grayLighter;
215
+ $wellBackground: $grayLighter !default;
216
216
 
217
217
 
218
218
  // Pagination
219
219
  // -------------------------
220
- $paginationBackground: #fff;
221
- $paginationBorder: #ddd;
222
- $paginationActiveBackground: #f5f5f5;
220
+ $paginationBackground: #fff !default;
221
+ $paginationBorder: #ddd !default;
222
+ $paginationActiveBackground: #f5f5f5 !default;
223
223
 
224
224
 
225
225
  // Hero unit
226
226
  // -------------------------
227
- $heroUnitBackground: $grayLighter;
228
- $heroUnitHeadingColor: $headingsColor;
229
- $heroUnitLeadColor: inherit;
227
+ $heroUnitBackground: $grayLighter !default;
228
+ $heroUnitHeadingColor: $headingsColor !default;
229
+ $heroUnitLeadColor: inherit !default;
230
230
 
231
231
 
232
232
  // Form states and alerts
233
233
  // -------------------------
234
- $warningText: $white;
235
- $warningBackground: $orange;
236
- $warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
234
+ $warningText: $white !default;
235
+ $warningBackground: $orange !default;
236
+ $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
237
237
 
238
- $errorText: $white;
239
- $errorBackground: $red;
240
- $errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
238
+ $errorText: $white !default;
239
+ $errorBackground: $red !default;
240
+ $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
241
241
 
242
- $successText: $white;
243
- $successBackground: $green;
244
- $successBorder: darken(adjust-hue($successBackground, -10), 5%);
242
+ $successText: $white !default;
243
+ $successBackground: $green !default;
244
+ $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
245
245
 
246
- $infoText: $white;
247
- $infoBackground: $blue;
248
- $infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
246
+ $infoText: $white !default;
247
+ $infoBackground: $blue !default;
248
+ $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
249
249
 
250
250
 
251
251
  // Tooltips and popovers
252
252
  // -------------------------
253
- $tooltipColor: #fff;
254
- $tooltipBackground: #000;
255
- $tooltipArrowWidth: 5px;
256
- $tooltipArrowColor: $tooltipBackground;
253
+ $tooltipColor: #fff !default;
254
+ $tooltipBackground: #000 !default;
255
+ $tooltipArrowWidth: 5px !default;
256
+ $tooltipArrowColor: $tooltipBackground !default;
257
257
 
258
- $popoverBackground: #fff;
259
- $popoverArrowWidth: 10px;
260
- $popoverArrowColor: #fff;
261
- $popoverTitleBackground: darken($popoverBackground, 3%);
258
+ $popoverBackground: #fff !default;
259
+ $popoverArrowWidth: 10px !default;
260
+ $popoverArrowColor: #fff !default;
261
+ $popoverTitleBackground: darken($popoverBackground, 3%) !default;
262
262
 
263
263
  // Special enhancement for popovers
264
- $popoverArrowOuterWidth: $popoverArrowWidth + 1;
265
- $popoverArrowOuterColor: rgba(0,0,0,.25);
264
+ $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
265
+ $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
266
266
 
267
267
 
268
268
 
@@ -272,31 +272,31 @@ $popoverArrowOuterColor: rgba(0,0,0,.25);
272
272
 
273
273
  // Default 940px grid
274
274
  // -------------------------
275
- $gridColumns: 12;
276
- $gridColumnWidth: 60px;
277
- $gridGutterWidth: 20px;
278
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
275
+ $gridColumns: 12 !default;
276
+ $gridColumnWidth: 60px !default;
277
+ $gridGutterWidth: 20px !default;
278
+ $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
279
279
 
280
280
  // 1200px min
281
- $gridColumnWidth1200: 70px;
282
- $gridGutterWidth1200: 30px;
283
- $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1));
281
+ $gridColumnWidth1200: 70px !default;
282
+ $gridGutterWidth1200: 30px !default;
283
+ $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
284
284
 
285
285
  // 768px-979px
286
- $gridColumnWidth768: 42px;
287
- $gridGutterWidth768: 20px;
288
- $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1));
286
+ $gridColumnWidth768: 42px !default;
287
+ $gridGutterWidth768: 20px !default;
288
+ $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
289
289
 
290
290
 
291
291
  // Fluid grid
292
292
  // -------------------------
293
- $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth);
294
- $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth);
293
+ $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
294
+ $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
295
295
 
296
296
  // 1200px min
297
- $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200);
298
- $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200);
297
+ $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
298
+ $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
299
299
 
300
300
  // 768px-979px
301
- $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768);
302
- $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768);
301
+ $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
302
+ $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;