bootswatch-rails 0.3.0 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- data/HISTORY.md +5 -0
- data/README.md +12 -0
- data/converter +14 -1
- data/lib/bootswatch-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +155 -155
- data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +155 -155
- metadata +2 -2
|
@@ -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;
|