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: #222;
|
|
14
|
-
$grayDark: #333;
|
|
15
|
-
$gray: #555;
|
|
16
|
-
$grayLight: #999;
|
|
17
|
-
$grayLighter: #F5F5F5;
|
|
18
|
-
$white: #fff;
|
|
12
|
+
$black: #000 !default;
|
|
13
|
+
$grayDarker: #222 !default;
|
|
14
|
+
$grayDark: #333 !default;
|
|
15
|
+
$gray: #555 !default;
|
|
16
|
+
$grayLight: #999 !default;
|
|
17
|
+
$grayLighter: #F5F5F5 !default;
|
|
18
|
+
$white: #fff !default;
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
// Accent colors
|
|
22
22
|
// -------------------------
|
|
23
|
-
$blue: #2FA4E7;
|
|
24
|
-
$blueDark: #033C73;
|
|
25
|
-
$green: #73A839;
|
|
26
|
-
$red: #C71C22;
|
|
27
|
-
$yellow: #F7B42C;
|
|
28
|
-
$orange: #DD5600;
|
|
29
|
-
$pink: #F49AC1;
|
|
30
|
-
$purple: #9760B3;
|
|
23
|
+
$blue: #2FA4E7 !default;
|
|
24
|
+
$blueDark: #033C73 !default;
|
|
25
|
+
$green: #73A839 !default;
|
|
26
|
+
$red: #C71C22 !default;
|
|
27
|
+
$yellow: #F7B42C !default;
|
|
28
|
+
$orange: #DD5600 !default;
|
|
29
|
+
$pink: #F49AC1 !default;
|
|
30
|
+
$purple: #9760B3 !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: $blue;
|
|
42
|
-
$linkColorHover: darken($linkColor, 15%);
|
|
41
|
+
$linkColor: $blue !default;
|
|
42
|
+
$linkColorHover: darken($linkColor, 15%) !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: 20px;
|
|
54
|
-
$altFontFamily: $monoFontFamily;
|
|
51
|
+
$baseFontSize: 14px !default;
|
|
52
|
+
$baseFontFamily: $sansFontFamily !default;
|
|
53
|
+
$baseLineHeight: 20px !default;
|
|
54
|
+
$altFontFamily: $monoFontFamily !default;
|
|
55
55
|
|
|
56
|
-
$headingsFontFamily: 'Telex', sans-serif; // empty to use BS default, $baseFontFamily
|
|
57
|
-
$headingsFontWeight: bold; // instead of browser default, bold
|
|
58
|
-
$headingsColor: #317EAC; // empty to use BS default, $textColor
|
|
56
|
+
$headingsFontFamily: 'Telex', sans-serif !default; // empty to use BS default, $baseFontFamily
|
|
57
|
+
$headingsFontWeight: bold !default; // instead of browser default, bold
|
|
58
|
+
$headingsColor: #317EAC !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
|
// 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: $linkColor;
|
|
92
|
-
$btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%);
|
|
91
|
+
$btnPrimaryBackground: $linkColor !default;
|
|
92
|
+
$btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 15%) !default;
|
|
93
93
|
|
|
94
|
-
$btnInfoBackground: $purple;
|
|
95
|
-
$btnInfoBackgroundHighlight: #2f96b4;
|
|
94
|
+
$btnInfoBackground: $purple !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: $orange;
|
|
101
|
-
$btnWarningBackgroundHighlight: $orange;
|
|
100
|
+
$btnWarningBackground: $orange !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: $blueDark;
|
|
107
|
-
$btnInverseBackgroundHighlight: $grayDarker;
|
|
106
|
+
$btnInverseBackground: $blueDark !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: #f5f5f5;
|
|
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: #f5f5f5 !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: $white;
|
|
123
|
-
$dropdownBorder: rgba(0,0,0,.2);
|
|
124
|
-
$dropdownDividerTop: #e5e5e5;
|
|
125
|
-
$dropdownDividerBottom: $white;
|
|
122
|
+
$dropdownBackground: $white !default;
|
|
123
|
+
$dropdownBorder: rgba(0,0,0,.2) !default;
|
|
124
|
+
$dropdownDividerTop: #e5e5e5 !default;
|
|
125
|
+
$dropdownDividerBottom: $white !default;
|
|
126
126
|
|
|
127
|
-
$dropdownLinkColor: $grayDark;
|
|
128
|
-
$dropdownLinkColorHover: $white;
|
|
129
|
-
$dropdownLinkColorActive: $white;
|
|
127
|
+
$dropdownLinkColor: $grayDark !default;
|
|
128
|
+
$dropdownLinkColorHover: $white !default;
|
|
129
|
+
$dropdownLinkColorActive: $white !default;
|
|
130
130
|
|
|
131
|
-
$dropdownLinkBackgroundActive: $linkColor;
|
|
132
|
-
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
|
|
131
|
+
$dropdownLinkBackgroundActive: $linkColor !default;
|
|
132
|
+
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
|
|
133
133
|
|
|
134
134
|
|
|
135
135
|
|
|
@@ -141,127 +141,127 @@ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
|
|
|
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: 1020;
|
|
147
|
-
$zindexFixedNavbar: 1030;
|
|
148
|
-
$zindexModalBackdrop: 1040;
|
|
149
|
-
$zindexModal: 1050;
|
|
144
|
+
$zindexDropdown: 1000 !default;
|
|
145
|
+
$zindexPopover: 1010 !default;
|
|
146
|
+
$zindexTooltip: 1020 !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: #f5f5f5;
|
|
175
|
+
$wellBackground: #f5f5f5 !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: 50px;
|
|
184
|
-
$navbarBackground: $blue;
|
|
185
|
-
$navbarBackgroundHighlight: lighten($navbarBackground, 8%);
|
|
186
|
-
$navbarBorder: darken($navbarBackground, 8%);
|
|
183
|
+
$navbarHeight: 50px !default;
|
|
184
|
+
$navbarBackground: $blue !default;
|
|
185
|
+
$navbarBackgroundHighlight: lighten($navbarBackground, 8%) !default;
|
|
186
|
+
$navbarBorder: darken($navbarBackground, 8%) !default;
|
|
187
187
|
|
|
188
|
-
$navbarText: $grayLighter;
|
|
189
|
-
$navbarLinkColor: $white;
|
|
190
|
-
$navbarLinkColorHover: $white;
|
|
191
|
-
$navbarLinkColorActive: $navbarLinkColorHover;
|
|
192
|
-
$navbarLinkBackgroundHover: darken($navbarBackground, 12%);
|
|
193
|
-
$navbarLinkBackgroundActive: darken($navbarBackground, 12%);
|
|
188
|
+
$navbarText: $grayLighter !default;
|
|
189
|
+
$navbarLinkColor: $white !default;
|
|
190
|
+
$navbarLinkColorHover: $white !default;
|
|
191
|
+
$navbarLinkColorActive: $navbarLinkColorHover !default;
|
|
192
|
+
$navbarLinkBackgroundHover: darken($navbarBackground, 12%) !default;
|
|
193
|
+
$navbarLinkBackgroundActive: darken($navbarBackground, 12%) !default;
|
|
194
194
|
|
|
195
|
-
$navbarBrandColor: $navbarLinkColor;
|
|
195
|
+
$navbarBrandColor: $navbarLinkColor !default;
|
|
196
196
|
|
|
197
197
|
// Inverted navbar
|
|
198
|
-
$navbarInverseBackground: $blueDark;
|
|
199
|
-
$navbarInverseBackgroundHighlight: lighten($navbarInverseBackground, 5%);
|
|
200
|
-
$navbarInverseBorder: darken($navbarInverseBackground, 3%);
|
|
198
|
+
$navbarInverseBackground: $blueDark !default;
|
|
199
|
+
$navbarInverseBackgroundHighlight: lighten($navbarInverseBackground, 5%) !default;
|
|
200
|
+
$navbarInverseBorder: darken($navbarInverseBackground, 3%) !default;
|
|
201
201
|
|
|
202
|
-
$navbarInverseText: $white;
|
|
203
|
-
$navbarInverseLinkColor: $white;
|
|
204
|
-
$navbarInverseLinkColorHover: $white;
|
|
205
|
-
$navbarInverseLinkColorActive: $white;
|
|
206
|
-
$navbarInverseLinkBackgroundHover: darken($navbarInverseBackground, 6%);
|
|
207
|
-
$navbarInverseLinkBackgroundActive: darken($navbarInverseBackground, 6%);
|
|
202
|
+
$navbarInverseText: $white !default;
|
|
203
|
+
$navbarInverseLinkColor: $white !default;
|
|
204
|
+
$navbarInverseLinkColorHover: $white !default;
|
|
205
|
+
$navbarInverseLinkColorActive: $white !default;
|
|
206
|
+
$navbarInverseLinkBackgroundHover: darken($navbarInverseBackground, 6%) !default;
|
|
207
|
+
$navbarInverseLinkBackgroundActive: darken($navbarInverseBackground, 6%) !default;
|
|
208
208
|
|
|
209
|
-
$navbarInverseSearchBackground: $white;
|
|
210
|
-
$navbarInverseSearchBackgroundFocus: $white;
|
|
211
|
-
$navbarInverseSearchBorder: $navbarInverseBackground;
|
|
212
|
-
$navbarInverseSearchPlaceholderColor: $grayLight;
|
|
209
|
+
$navbarInverseSearchBackground: $white !default;
|
|
210
|
+
$navbarInverseSearchBackgroundFocus: $white !default;
|
|
211
|
+
$navbarInverseSearchBorder: $navbarInverseBackground !default;
|
|
212
|
+
$navbarInverseSearchPlaceholderColor: $grayLight !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: $grayLighter;
|
|
227
|
-
$heroUnitHeadingColor: inherit;
|
|
228
|
-
$heroUnitLeadColor: inherit;
|
|
226
|
+
$heroUnitBackground: $grayLighter !default;
|
|
227
|
+
$heroUnitHeadingColor: inherit !default;
|
|
228
|
+
$heroUnitLeadColor: inherit !default;
|
|
229
229
|
|
|
230
230
|
|
|
231
231
|
// Form states and alerts
|
|
232
232
|
// -------------------------
|
|
233
|
-
$warningText: $orange;
|
|
234
|
-
$warningBackground: #F1CEAB;
|
|
235
|
-
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%);
|
|
233
|
+
$warningText: $orange !default;
|
|
234
|
+
$warningBackground: #F1CEAB !default;
|
|
235
|
+
$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
|
|
236
236
|
|
|
237
|
-
$errorText: darken(#C45559, 5%);
|
|
238
|
-
$errorBackground: #F2BDB1;
|
|
239
|
-
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%);
|
|
237
|
+
$errorText: darken(#C45559, 5%) !default;
|
|
238
|
+
$errorBackground: #F2BDB1 !default;
|
|
239
|
+
$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
|
|
240
240
|
|
|
241
|
-
$successText: darken($green, 5%);
|
|
242
|
-
$successBackground: #D5ECBF;
|
|
243
|
-
$successBorder: darken(adjust-hue($successBackground, -10), 5%);
|
|
241
|
+
$successText: darken($green, 5%) !default;
|
|
242
|
+
$successBackground: #D5ECBF !default;
|
|
243
|
+
$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
|
|
244
244
|
|
|
245
|
-
$infoText: darken(#908A62, 5%);
|
|
246
|
-
$infoBackground: #A7DFF1;
|
|
247
|
-
$infoBorder: darken(adjust-hue($infoBackground, -10), 7%);
|
|
245
|
+
$infoText: darken(#908A62, 5%) !default;
|
|
246
|
+
$infoBackground: #A7DFF1 !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: #000;
|
|
254
|
-
$tooltipArrowWidth: 5px;
|
|
255
|
-
$tooltipArrowColor: $tooltipBackground;
|
|
252
|
+
$tooltipColor: #fff !default;
|
|
253
|
+
$tooltipBackground: #000 !default;
|
|
254
|
+
$tooltipArrowWidth: 5px !default;
|
|
255
|
+
$tooltipArrowColor: $tooltipBackground !default;
|
|
256
256
|
|
|
257
|
-
$popoverBackground: #fff;
|
|
258
|
-
$popoverArrowWidth: 10px;
|
|
259
|
-
$popoverArrowColor: #fff;
|
|
260
|
-
$popoverTitleBackground: darken($popoverBackground, 3%);
|
|
257
|
+
$popoverBackground: #fff !default;
|
|
258
|
+
$popoverArrowWidth: 10px !default;
|
|
259
|
+
$popoverArrowColor: #fff !default;
|
|
260
|
+
$popoverTitleBackground: darken($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,127 +9,127 @@
|
|
|
9
9
|
|
|
10
10
|
// Grays
|
|
11
11
|
// -------------------------
|
|
12
|
-
$black: #000;
|
|
13
|
-
$grayDarker: #080808;
|
|
14
|
-
$grayDark: #999;
|
|
15
|
-
$gray: #bbb;
|
|
16
|
-
$grayLight: #dfdfdf;
|
|
17
|
-
$grayLighter: #eee;
|
|
18
|
-
$white: #fff;
|
|
12
|
+
$black: #000 !default;
|
|
13
|
+
$grayDarker: #080808 !default;
|
|
14
|
+
$grayDark: #999 !default;
|
|
15
|
+
$gray: #bbb !default;
|
|
16
|
+
$grayLight: #dfdfdf !default;
|
|
17
|
+
$grayLighter: #eee !default;
|
|
18
|
+
$white: #fff !default;
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
// Accent colors
|
|
22
22
|
// -------------------------
|
|
23
|
-
$blue: #007FFF;
|
|
24
|
-
$blueDark: #1F26B6;
|
|
25
|
-
$green: #3FB618;
|
|
26
|
-
$red: #FF0039;
|
|
27
|
-
$yellow: #FFA500;
|
|
28
|
-
$orange: #FF7518;
|
|
29
|
-
$pink: #E671B8;
|
|
30
|
-
$purple: #9954BB;
|
|
23
|
+
$blue: #007FFF !default;
|
|
24
|
+
$blueDark: #1F26B6 !default;
|
|
25
|
+
$green: #3FB618 !default;
|
|
26
|
+
$red: #FF0039 !default;
|
|
27
|
+
$yellow: #FFA500 !default;
|
|
28
|
+
$orange: #FF7518 !default;
|
|
29
|
+
$pink: #E671B8 !default;
|
|
30
|
+
$purple: #9954BB !default;
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
// Scaffolding
|
|
34
34
|
// -------------------------
|
|
35
|
-
$bodyBackground: $white;
|
|
36
|
-
$textColor: #555;
|
|
35
|
+
$bodyBackground: $white !default;
|
|
36
|
+
$textColor: #555 !default;
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
// Links
|
|
40
40
|
// -------------------------
|
|
41
|
-
$linkColor: $blue;
|
|
42
|
-
$linkColorHover: darken($linkColor, 10%);
|
|
41
|
+
$linkColor: $blue !default;
|
|
42
|
+
$linkColorHover: darken($linkColor, 10%) !default;
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
// Typography
|
|
46
46
|
// -------------------------
|
|
47
|
-
$sansFontFamily: "Open Sans", Calibri, Candara, Arial, sans-serif;
|
|
48
|
-
$serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
|
49
|
-
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
47
|
+
$sansFontFamily: "Open Sans", Calibri, Candara, Arial, sans-serif !default;
|
|
48
|
+
$serifFontFamily: Georgia, "Times New Roman", Times, serif !default;
|
|
49
|
+
$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
|
|
50
50
|
|
|
51
|
-
$baseFontSize: 14px;
|
|
52
|
-
$baseFontFamily: $sansFontFamily;
|
|
53
|
-
$baseLineHeight: 20px;
|
|
54
|
-
$altFontFamily: $serifFontFamily;
|
|
51
|
+
$baseFontSize: 14px !default;
|
|
52
|
+
$baseFontFamily: $sansFontFamily !default;
|
|
53
|
+
$baseLineHeight: 20px !default;
|
|
54
|
+
$altFontFamily: $serifFontFamily !default;
|
|
55
55
|
|
|
56
|
-
$headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
|
|
57
|
-
$headingsFontWeight: 300; // 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: 300 !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: 22px 30px; // 66px
|
|
70
|
-
$paddingSmall: 2px 10px; // 26px
|
|
71
|
-
$paddingMini: 2px 6px; // 24px
|
|
69
|
+
$paddingLarge: 22px 30px !default; // 66px
|
|
70
|
+
$paddingSmall: 2px 10px !default; // 26px
|
|
71
|
+
$paddingMini: 2px 6px !default; // 24px
|
|
72
72
|
|
|
73
|
-
$baseBorderRadius: 0px;
|
|
74
|
-
$borderRadiusLarge: 0px;
|
|
75
|
-
$borderRadiusSmall: 0px;
|
|
73
|
+
$baseBorderRadius: 0px !default;
|
|
74
|
+
$borderRadiusLarge: 0px !default;
|
|
75
|
+
$borderRadiusSmall: 0px !default;
|
|
76
76
|
|
|
77
77
|
|
|
78
78
|
// Tables
|
|
79
79
|
// -------------------------
|
|
80
|
-
$tableBackground: transparent; // overall background-color
|
|
81
|
-
$tableBackgroundAccent: #f9f9f9; // for striping
|
|
82
|
-
$tableBackgroundHover: #E8F8FD; // for hover
|
|
83
|
-
$tableBorder: #ddd; // table and cell border
|
|
80
|
+
$tableBackground: transparent !default; // overall background-color
|
|
81
|
+
$tableBackgroundAccent: #f9f9f9 !default; // for striping
|
|
82
|
+
$tableBackgroundHover: #E8F8FD !default; // for hover
|
|
83
|
+
$tableBorder: #ddd !default; // table and cell border
|
|
84
84
|
|
|
85
85
|
// Buttons
|
|
86
86
|
// -------------------------
|
|
87
|
-
$btnBackground: $grayLighter;
|
|
88
|
-
$btnBackgroundHighlight: darken($grayLighter, 15%);
|
|
89
|
-
$btnBorder: #bbb;
|
|
87
|
+
$btnBackground: $grayLighter !default;
|
|
88
|
+
$btnBackgroundHighlight: darken($grayLighter, 15%) !default;
|
|
89
|
+
$btnBorder: #bbb !default;
|
|
90
90
|
|
|
91
|
-
$btnPrimaryBackground: lighten($blue, 5%);
|
|
92
|
-
$btnPrimaryBackgroundHighlight: darken($blue, 5%);
|
|
91
|
+
$btnPrimaryBackground: lighten($blue, 5%) !default;
|
|
92
|
+
$btnPrimaryBackgroundHighlight: darken($blue, 5%) !default;
|
|
93
93
|
|
|
94
|
-
$btnInfoBackground: lighten($purple, 5%);
|
|
95
|
-
$btnInfoBackgroundHighlight: darken($purple, 5%);
|
|
94
|
+
$btnInfoBackground: lighten($purple, 5%) !default;
|
|
95
|
+
$btnInfoBackgroundHighlight: darken($purple, 5%) !default;
|
|
96
96
|
|
|
97
|
-
$btnSuccessBackground: lighten($green, 5%);
|
|
98
|
-
$btnSuccessBackgroundHighlight: darken($green, 5%);
|
|
97
|
+
$btnSuccessBackground: lighten($green, 5%) !default;
|
|
98
|
+
$btnSuccessBackgroundHighlight: darken($green, 5%) !default;
|
|
99
99
|
|
|
100
|
-
$btnWarningBackground: lighten($orange, 5%);
|
|
101
|
-
$btnWarningBackgroundHighlight: darken($orange, 5%);
|
|
100
|
+
$btnWarningBackground: lighten($orange, 5%) !default;
|
|
101
|
+
$btnWarningBackgroundHighlight: darken($orange, 5%) !default;
|
|
102
102
|
|
|
103
|
-
$btnDangerBackground: lighten($red, 5%);
|
|
104
|
-
$btnDangerBackgroundHighlight: darken($red, 5%);
|
|
103
|
+
$btnDangerBackground: lighten($red, 5%) !default;
|
|
104
|
+
$btnDangerBackgroundHighlight: darken($red, 5%) !default;
|
|
105
105
|
|
|
106
|
-
$btnInverseBackground: lighten($black, 5%);
|
|
107
|
-
$btnInverseBackgroundHighlight: darken($black, 5%);
|
|
106
|
+
$btnInverseBackground: lighten($black, 5%) !default;
|
|
107
|
+
$btnInverseBackgroundHighlight: darken($black, 5%) !default;
|
|
108
108
|
|
|
109
109
|
|
|
110
110
|
// Forms
|
|
111
111
|
// -------------------------
|
|
112
|
-
$inputBackground: $white;
|
|
113
|
-
$inputBorder: $gray;
|
|
114
|
-
$inputBorderRadius: $baseBorderRadius;
|
|
115
|
-
$inputDisabledBackground: $grayLighter;
|
|
116
|
-
$formActionsBackground: #f5f5f5;
|
|
117
|
-
$inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
|
|
112
|
+
$inputBackground: $white !default;
|
|
113
|
+
$inputBorder: $gray !default;
|
|
114
|
+
$inputBorderRadius: $baseBorderRadius !default;
|
|
115
|
+
$inputDisabledBackground: $grayLighter !default;
|
|
116
|
+
$formActionsBackground: #f5f5f5 !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: $white;
|
|
123
|
-
$dropdownBorder: rgba(0,0,0,.2);
|
|
124
|
-
$dropdownDividerTop: #e5e5e5;
|
|
125
|
-
$dropdownDividerBottom: $white;
|
|
122
|
+
$dropdownBackground: $white !default;
|
|
123
|
+
$dropdownBorder: rgba(0,0,0,.2) !default;
|
|
124
|
+
$dropdownDividerTop: #e5e5e5 !default;
|
|
125
|
+
$dropdownDividerBottom: $white !default;
|
|
126
126
|
|
|
127
|
-
$dropdownLinkColor: $grayDark;
|
|
128
|
-
$dropdownLinkColorHover: $white;
|
|
129
|
-
$dropdownLinkColorActive: $white;
|
|
127
|
+
$dropdownLinkColor: $grayDark !default;
|
|
128
|
+
$dropdownLinkColorHover: $white !default;
|
|
129
|
+
$dropdownLinkColorActive: $white !default;
|
|
130
130
|
|
|
131
|
-
$dropdownLinkBackgroundActive: $blue;
|
|
132
|
-
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
|
|
131
|
+
$dropdownLinkBackgroundActive: $blue !default;
|
|
132
|
+
$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
|
|
133
133
|
|
|
134
134
|
|
|
135
135
|
|
|
@@ -141,127 +141,127 @@ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive;
|
|
|
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: $gray;
|
|
160
|
+
$placeholderText: $gray !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: $grayLighter;
|
|
175
|
+
$wellBackground: $grayLighter !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: 50px;
|
|
184
|
-
$navbarBackground: $grayDarker;
|
|
185
|
-
$navbarBackgroundHighlight: $navbarBackground;
|
|
186
|
-
$navbarBorder: transparent;
|
|
183
|
+
$navbarHeight: 50px !default;
|
|
184
|
+
$navbarBackground: $grayDarker !default;
|
|
185
|
+
$navbarBackgroundHighlight: $navbarBackground !default;
|
|
186
|
+
$navbarBorder: transparent !default;
|
|
187
187
|
|
|
188
|
-
$navbarText: $white;
|
|
189
|
-
$navbarLinkColor: $white;
|
|
190
|
-
$navbarLinkColorHover: $gray;
|
|
191
|
-
$navbarLinkColorActive: $white;
|
|
192
|
-
$navbarLinkBackgroundHover: rgba(0, 0, 0, 0.05);
|
|
193
|
-
$navbarLinkBackgroundActive: transparent;
|
|
188
|
+
$navbarText: $white !default;
|
|
189
|
+
$navbarLinkColor: $white !default;
|
|
190
|
+
$navbarLinkColorHover: $gray !default;
|
|
191
|
+
$navbarLinkColorActive: $white !default;
|
|
192
|
+
$navbarLinkBackgroundHover: rgba(0, 0, 0, 0.05) !default;
|
|
193
|
+
$navbarLinkBackgroundActive: transparent !default;
|
|
194
194
|
|
|
195
|
-
$navbarBrandColor: $navbarLinkColor;
|
|
195
|
+
$navbarBrandColor: $navbarLinkColor !default;
|
|
196
196
|
|
|
197
197
|
// Inverted navbar
|
|
198
|
-
$navbarInverseBackground: $blue;
|
|
199
|
-
$navbarInverseBackgroundHighlight: $navbarInverseBackground;
|
|
200
|
-
$navbarInverseBorder: transparent;
|
|
198
|
+
$navbarInverseBackground: $blue !default;
|
|
199
|
+
$navbarInverseBackgroundHighlight: $navbarInverseBackground !default;
|
|
200
|
+
$navbarInverseBorder: transparent !default;
|
|
201
201
|
|
|
202
|
-
$navbarInverseText: $white;
|
|
203
|
-
$navbarInverseLinkColor: $white;
|
|
204
|
-
$navbarInverseLinkColorHover: $white;
|
|
205
|
-
$navbarInverseLinkColorActive: $navbarInverseLinkColorHover;
|
|
206
|
-
$navbarInverseLinkBackgroundHover: rgba(0, 0, 0, 0.05);
|
|
207
|
-
$navbarInverseLinkBackgroundActive: $navbarInverseBackground;
|
|
202
|
+
$navbarInverseText: $white !default;
|
|
203
|
+
$navbarInverseLinkColor: $white !default;
|
|
204
|
+
$navbarInverseLinkColorHover: $white !default;
|
|
205
|
+
$navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
|
|
206
|
+
$navbarInverseLinkBackgroundHover: rgba(0, 0, 0, 0.05) !default;
|
|
207
|
+
$navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
|
|
208
208
|
|
|
209
|
-
$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%);
|
|
210
|
-
$navbarInverseSearchBackgroundFocus: $white;
|
|
211
|
-
$navbarInverseSearchBorder: $navbarInverseBackground;
|
|
212
|
-
$navbarInverseSearchPlaceholderColor: $grayDark;
|
|
209
|
+
$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
|
|
210
|
+
$navbarInverseSearchBackgroundFocus: $white !default;
|
|
211
|
+
$navbarInverseSearchBorder: $navbarInverseBackground !default;
|
|
212
|
+
$navbarInverseSearchPlaceholderColor: $grayDark !default;
|
|
213
213
|
|
|
214
|
-
$navbarInverseBrandColor: $navbarInverseLinkColor;
|
|
214
|
+
$navbarInverseBrandColor: $navbarInverseLinkColor !default;
|
|
215
215
|
|
|
216
216
|
|
|
217
217
|
// Pagination
|
|
218
218
|
// -------------------------
|
|
219
|
-
$paginationBackground: $grayLight;
|
|
220
|
-
$paginationBorder: transparent;
|
|
221
|
-
$paginationActiveBackground: $blue;
|
|
219
|
+
$paginationBackground: $grayLight !default;
|
|
220
|
+
$paginationBorder: transparent !default;
|
|
221
|
+
$paginationActiveBackground: $blue !default;
|
|
222
222
|
|
|
223
223
|
|
|
224
224
|
// Hero unit
|
|
225
225
|
// -------------------------
|
|
226
|
-
$heroUnitBackground: $grayLighter;
|
|
227
|
-
$heroUnitHeadingColor: inherit;
|
|
228
|
-
$heroUnitLeadColor: inherit;
|
|
226
|
+
$heroUnitBackground: $grayLighter !default;
|
|
227
|
+
$heroUnitHeadingColor: inherit !default;
|
|
228
|
+
$heroUnitLeadColor: inherit !default;
|
|
229
229
|
|
|
230
230
|
|
|
231
231
|
// Form states and alerts
|
|
232
232
|
// -------------------------
|
|
233
|
-
$warningText: $white;
|
|
234
|
-
$warningBackground: $orange;
|
|
235
|
-
$warningBorder: transparent;
|
|
233
|
+
$warningText: $white !default;
|
|
234
|
+
$warningBackground: $orange !default;
|
|
235
|
+
$warningBorder: transparent !default;
|
|
236
236
|
|
|
237
|
-
$errorText: $white;
|
|
238
|
-
$errorBackground: $red;
|
|
239
|
-
$errorBorder: transparent;
|
|
237
|
+
$errorText: $white !default;
|
|
238
|
+
$errorBackground: $red !default;
|
|
239
|
+
$errorBorder: transparent !default;
|
|
240
240
|
|
|
241
|
-
$successText: $white;
|
|
242
|
-
$successBackground: $green;
|
|
243
|
-
$successBorder: transparent;
|
|
241
|
+
$successText: $white !default;
|
|
242
|
+
$successBackground: $green !default;
|
|
243
|
+
$successBorder: transparent !default;
|
|
244
244
|
|
|
245
|
-
$infoText: $white;
|
|
246
|
-
$infoBackground: $purple;
|
|
247
|
-
$infoBorder: transparent;
|
|
245
|
+
$infoText: $white !default;
|
|
246
|
+
$infoBackground: $purple !default;
|
|
247
|
+
$infoBorder: transparent !default;
|
|
248
248
|
|
|
249
249
|
|
|
250
250
|
// Tooltips and popovers
|
|
251
251
|
// -------------------------
|
|
252
|
-
$tooltipColor: #fff;
|
|
253
|
-
$tooltipBackground: #000;
|
|
254
|
-
$tooltipArrowWidth: 5px;
|
|
255
|
-
$tooltipArrowColor: $tooltipBackground;
|
|
252
|
+
$tooltipColor: #fff !default;
|
|
253
|
+
$tooltipBackground: #000 !default;
|
|
254
|
+
$tooltipArrowWidth: 5px !default;
|
|
255
|
+
$tooltipArrowColor: $tooltipBackground !default;
|
|
256
256
|
|
|
257
|
-
$popoverBackground: $orange;
|
|
258
|
-
$popoverArrowWidth: 15px;
|
|
259
|
-
$popoverArrowColor: $orange;
|
|
260
|
-
$popoverTitleBackground: $orange;
|
|
257
|
+
$popoverBackground: $orange !default;
|
|
258
|
+
$popoverArrowWidth: 15px !default;
|
|
259
|
+
$popoverArrowColor: $orange !default;
|
|
260
|
+
$popoverTitleBackground: $orange !default;
|
|
261
261
|
|
|
262
262
|
// Special enhancement for popovers
|
|
263
|
-
$popoverArrowOuterWidth: $popoverArrowWidth + 1;
|
|
264
|
-
$popoverArrowOuterColor: transparent;
|
|
263
|
+
$popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
|
|
264
|
+
$popoverArrowOuterColor: transparent !default;
|
|
265
265
|
|
|
266
266
|
|
|
267
267
|
|
|
@@ -271,31 +271,31 @@ $popoverArrowOuterColor: transparent;
|
|
|
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;
|