bootswatch-rails 3.2.4 → 3.3.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +23 -19
- data/bootswatch-rails.gemspec +1 -1
- data/lib/bootswatch-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +11 -5
- data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +60 -43
- data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +38 -1
- data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +61 -44
- data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +47 -1
- data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +57 -40
- data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +57 -4
- data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +65 -48
- data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +57 -3
- data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +61 -44
- data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +2 -2
- data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +59 -42
- data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +70 -9
- data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +147 -128
- data/vendor/assets/stylesheets/bootswatch/paper/_bootswatch.scss +307 -84
- data/vendor/assets/stylesheets/bootswatch/paper/_variables.scss +37 -22
- data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +15 -20
- data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +69 -52
- data/vendor/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +11 -12
- data/vendor/assets/stylesheets/bootswatch/sandstone/_variables.scss +32 -16
- data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +59 -42
- data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +43 -1
- data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +69 -50
- data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +3 -3
- data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +59 -42
- data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +47 -1
- data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +211 -190
- data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +15 -1
- data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +58 -41
- data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +6 -1
- data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +45 -30
- metadata +10 -10
@@ -1,4 +1,4 @@
|
|
1
|
-
// Superhero 3.
|
1
|
+
// Superhero 3.3.4
|
2
2
|
// Bootswatch
|
3
3
|
// -----------------------------------------------------
|
4
4
|
|
@@ -112,6 +112,10 @@ table,
|
|
112
112
|
text-decoration: underline;
|
113
113
|
}
|
114
114
|
|
115
|
+
.dropdown-menu a {
|
116
|
+
text-decoration: none;
|
117
|
+
}
|
118
|
+
|
115
119
|
.text-muted {
|
116
120
|
color: $text-muted;
|
117
121
|
}
|
@@ -254,6 +258,48 @@ label,
|
|
254
258
|
@include box-shadow(none);
|
255
259
|
}
|
256
260
|
|
261
|
+
a.list-group-item {
|
262
|
+
|
263
|
+
&.active,
|
264
|
+
&.active:hover,
|
265
|
+
&.active:focus {
|
266
|
+
border: none;
|
267
|
+
}
|
268
|
+
}
|
269
|
+
|
270
|
+
a.list-group-item-success {
|
271
|
+
&.active {
|
272
|
+
background-color: $state-success-bg;
|
273
|
+
}
|
274
|
+
|
275
|
+
&.active:hover,
|
276
|
+
&.active:focus {
|
277
|
+
background-color: darken($state-success-bg, 5%);
|
278
|
+
}
|
279
|
+
}
|
280
|
+
|
281
|
+
a.list-group-item-warning {
|
282
|
+
&.active {
|
283
|
+
background-color: $state-warning-bg;
|
284
|
+
}
|
285
|
+
|
286
|
+
&.active:hover,
|
287
|
+
&.active:focus {
|
288
|
+
background-color: darken($state-warning-bg, 5%);
|
289
|
+
}
|
290
|
+
}
|
291
|
+
|
292
|
+
a.list-group-item-danger {
|
293
|
+
&.active {
|
294
|
+
background-color: $state-danger-bg;
|
295
|
+
}
|
296
|
+
|
297
|
+
&.active:hover,
|
298
|
+
&.active:focus {
|
299
|
+
background-color: darken($state-danger-bg, 5%);
|
300
|
+
}
|
301
|
+
}
|
302
|
+
|
257
303
|
.panel {
|
258
304
|
border: none;
|
259
305
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Superhero 3.
|
1
|
+
// Superhero 3.3.4
|
2
2
|
// Variables
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
@@ -7,9 +7,10 @@
|
|
7
7
|
//
|
8
8
|
//## Gray and brand colors for use across Bootstrap.
|
9
9
|
|
10
|
-
$gray:
|
11
|
-
$gray-darker: lighten(
|
12
|
-
$gray-dark: lighten(
|
10
|
+
$gray-base: #000 !default;
|
11
|
+
$gray-darker: lighten($gray-base, 13.5%) !default; // #222
|
12
|
+
$gray-dark: lighten($gray-base, 20%) !default; // #333
|
13
|
+
$gray: lighten($gray-base, 33.5%) !default; // #555
|
13
14
|
$gray-light: #4E5D6C !default; // #999
|
14
15
|
$gray-lighter: #EBEBEB !default; // #eee
|
15
16
|
|
@@ -33,6 +34,8 @@ $text-color: $gray-lighter !default;
|
|
33
34
|
$link-color: $brand-primary !default;
|
34
35
|
//** Link hover color set via `darken()` function.
|
35
36
|
$link-hover-color: $link-color !default;
|
37
|
+
//** Link hover decoration.
|
38
|
+
$link-hover-decoration: underline !default;
|
36
39
|
|
37
40
|
|
38
41
|
//== Typography
|
@@ -95,7 +98,7 @@ $padding-small-horizontal: 10px !default;
|
|
95
98
|
$padding-xs-vertical: 1px !default;
|
96
99
|
$padding-xs-horizontal: 5px !default;
|
97
100
|
|
98
|
-
$line-height-large: 1.
|
101
|
+
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
|
99
102
|
$line-height-small: 1.5 !default;
|
100
103
|
|
101
104
|
$border-radius-base: 0 !default;
|
@@ -112,128 +115,6 @@ $caret-width-base: 4px !default;
|
|
112
115
|
//** Carets increase slightly in size for larger components.
|
113
116
|
$caret-width-large: 5px !default;
|
114
117
|
|
115
|
-
//== Media queries breakpoints
|
116
|
-
//
|
117
|
-
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
118
|
-
|
119
|
-
// Extra small screen / phone
|
120
|
-
//** Deprecated `@screen-xs` as of v3.0.1
|
121
|
-
$screen-xs: 480px !default;
|
122
|
-
//** Deprecated `@screen-xs-min` as of v3.2.0
|
123
|
-
$screen-xs-min: $screen-xs !default;
|
124
|
-
//** Deprecated `@screen-phone` as of v3.0.1
|
125
|
-
$screen-phone: $screen-xs-min !default;
|
126
|
-
|
127
|
-
// Small screen / tablet
|
128
|
-
//** Deprecated `@screen-sm` as of v3.0.1
|
129
|
-
$screen-sm: 768px !default;
|
130
|
-
$screen-sm-min: $screen-sm !default;
|
131
|
-
//** Deprecated `@screen-tablet` as of v3.0.1
|
132
|
-
$screen-tablet: $screen-sm-min !default;
|
133
|
-
|
134
|
-
// Medium screen / desktop
|
135
|
-
//** Deprecated `@screen-md` as of v3.0.1
|
136
|
-
$screen-md: 992px !default;
|
137
|
-
$screen-md-min: $screen-md !default;
|
138
|
-
//** Deprecated `@screen-desktop` as of v3.0.1
|
139
|
-
$screen-desktop: $screen-md-min !default;
|
140
|
-
|
141
|
-
// Large screen / wide desktop
|
142
|
-
//** Deprecated `@screen-lg` as of v3.0.1
|
143
|
-
$screen-lg: 1200px !default;
|
144
|
-
$screen-lg-min: $screen-lg !default;
|
145
|
-
//** Deprecated `@screen-lg-desktop` as of v3.0.1
|
146
|
-
$screen-lg-desktop: $screen-lg-min !default;
|
147
|
-
|
148
|
-
// So media queries don't overlap when required, provide a maximum
|
149
|
-
$screen-xs-max: ($screen-sm-min - 1) !default;
|
150
|
-
$screen-sm-max: ($screen-md-min - 1) !default;
|
151
|
-
$screen-md-max: ($screen-lg-min - 1) !default;
|
152
|
-
|
153
|
-
//== Grid system
|
154
|
-
//
|
155
|
-
//## Define your custom responsive grid.
|
156
|
-
|
157
|
-
//** Number of columns in the grid.
|
158
|
-
$grid-columns: 12 !default;
|
159
|
-
//** Padding between columns. Gets divided in half for the left and right.
|
160
|
-
$grid-gutter-width: 30px !default;
|
161
|
-
// Navbar collapse
|
162
|
-
//** Point at which the navbar becomes uncollapsed.
|
163
|
-
$grid-float-breakpoint: $screen-sm-min !default;
|
164
|
-
//** Point at which the navbar begins collapsing.
|
165
|
-
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
166
|
-
|
167
|
-
//== Navbar
|
168
|
-
//
|
169
|
-
//##
|
170
|
-
|
171
|
-
// Basics of a navbar
|
172
|
-
$navbar-height: 40px !default;
|
173
|
-
$navbar-margin-bottom: $line-height-computed !default;
|
174
|
-
$navbar-border-radius: $border-radius-base !default;
|
175
|
-
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
|
176
|
-
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
|
177
|
-
$navbar-collapse-max-height: 340px !default;
|
178
|
-
|
179
|
-
$navbar-default-color: $text-color !default;
|
180
|
-
$navbar-default-bg: #4E5D6C !default;
|
181
|
-
$navbar-default-border: hsla(0, 100%, 100%, 0) !default;
|
182
|
-
|
183
|
-
// Navbar links
|
184
|
-
$navbar-default-link-color: $text-color !default;
|
185
|
-
$navbar-default-link-hover-color: $navbar-default-link-color !default;
|
186
|
-
$navbar-default-link-hover-bg: darken($navbar-default-bg, 3%) !default;
|
187
|
-
$navbar-default-link-active-color: $navbar-default-link-color !default;
|
188
|
-
$navbar-default-link-active-bg: darken($navbar-default-bg, 3%) !default;
|
189
|
-
$navbar-default-link-disabled-color: #ccc !default;
|
190
|
-
$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
191
|
-
|
192
|
-
// Navbar brand label
|
193
|
-
$navbar-default-brand-color: $navbar-default-link-color !default;
|
194
|
-
$navbar-default-brand-hover-color: $navbar-default-link-color !default;
|
195
|
-
$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
196
|
-
|
197
|
-
// Navbar toggle
|
198
|
-
$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg !default;
|
199
|
-
$navbar-default-toggle-icon-bar-bg: $text-color !default;
|
200
|
-
$navbar-default-toggle-border-color: hsla(0, 100%, 100%, 0) !default;
|
201
|
-
|
202
|
-
|
203
|
-
// Inverted navbar
|
204
|
-
// Reset inverted navbar basics
|
205
|
-
$navbar-inverse-color: $text-color !default;
|
206
|
-
$navbar-inverse-bg: $brand-primary !default;
|
207
|
-
$navbar-inverse-border: hsla(0, 100%, 100%, 0) !default;
|
208
|
-
|
209
|
-
// Inverted navbar links
|
210
|
-
$navbar-inverse-link-color: $text-color !default;
|
211
|
-
$navbar-inverse-link-hover-color: $navbar-inverse-link-color !default;
|
212
|
-
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%) !default;
|
213
|
-
$navbar-inverse-link-active-color: $navbar-inverse-link-color !default;
|
214
|
-
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%) !default;
|
215
|
-
$navbar-inverse-link-disabled-color: #444 !default;
|
216
|
-
$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
217
|
-
|
218
|
-
// Inverted navbar brand label
|
219
|
-
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
220
|
-
$navbar-inverse-brand-hover-color: $navbar-inverse-link-color !default;
|
221
|
-
$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
222
|
-
|
223
|
-
// Inverted navbar toggle
|
224
|
-
$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg !default;
|
225
|
-
$navbar-inverse-toggle-icon-bar-bg: $text-color !default;
|
226
|
-
$navbar-inverse-toggle-border-color: hsla(0, 100%, 100%, 0) !default;
|
227
|
-
|
228
|
-
//** Border color for table and cell borders.
|
229
|
-
$table-border-color: $navbar-default-bg !default;
|
230
|
-
|
231
|
-
//== Wells
|
232
|
-
//
|
233
|
-
//##
|
234
|
-
|
235
|
-
$well-bg: $table-border-color !default;
|
236
|
-
$well-border: hsla(0, 100%, 100%, 0) !default;
|
237
118
|
|
238
119
|
//== Tables
|
239
120
|
//
|
@@ -247,35 +128,13 @@ $table-condensed-cell-padding: 3px !default;
|
|
247
128
|
//** Default background color used for all tables.
|
248
129
|
$table-bg: hsla(0, 100%, 100%, 0) !default;
|
249
130
|
//** Background color used for `.table-striped`.
|
250
|
-
$table-bg-accent: $
|
131
|
+
$table-bg-accent: $gray-light !default;
|
251
132
|
//** Background color used for `.table-hover`.
|
252
|
-
$table-bg-hover: darken($
|
133
|
+
$table-bg-hover: darken($gray-light, 3%) !default;
|
253
134
|
$table-bg-active: $table-bg-hover !default;
|
254
135
|
|
255
|
-
|
256
|
-
|
257
|
-
//##
|
258
|
-
|
259
|
-
//** Horizontal offset for forms and lists.
|
260
|
-
$component-offset-horizontal: 180px !default;
|
261
|
-
//** Text muted color
|
262
|
-
$text-muted: $table-border-color !default;
|
263
|
-
//** Abbreviations and acronyms border color
|
264
|
-
$abbr-border-color: $table-border-color !default;
|
265
|
-
//** Headings small color
|
266
|
-
$headings-small-color: $text-color !default;
|
267
|
-
//** Blockquote small color
|
268
|
-
$blockquote-small-color: $text-color !default;
|
269
|
-
//** Blockquote font size
|
270
|
-
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
271
|
-
//** Blockquote border color
|
272
|
-
$blockquote-border-color: $table-border-color !default;
|
273
|
-
//** Page header border color
|
274
|
-
$page-header-border-color: $gray-lighter !default;
|
275
|
-
//** Width of horizontal description list titles
|
276
|
-
$dl-horizontal-offset: $component-offset-horizontal !default;
|
277
|
-
//** Horizontal line color.
|
278
|
-
$hr-border: $table-border-color !default;
|
136
|
+
//** Border color for table and cell borders.
|
137
|
+
$table-border-color: $gray-light !default;
|
279
138
|
|
280
139
|
|
281
140
|
//== Buttons
|
@@ -285,7 +144,7 @@ $hr-border: $table-border-color !default;
|
|
285
144
|
$btn-font-weight: normal !default;
|
286
145
|
|
287
146
|
$btn-default-color: #fff !default;
|
288
|
-
$btn-default-bg: $
|
147
|
+
$btn-default-bg: $gray-light !default;
|
289
148
|
$btn-default-border: hsla(0, 100%, 100%, 0) !default;
|
290
149
|
|
291
150
|
$btn-primary-color: #fff !default;
|
@@ -324,8 +183,16 @@ $input-bg-disabled: $gray-lighter !default;
|
|
324
183
|
$input-color: $body-bg !default;
|
325
184
|
//** `<input>` border color
|
326
185
|
$input-border: hsla(0, 100%, 100%, 0) !default;
|
327
|
-
|
186
|
+
|
187
|
+
// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
|
188
|
+
//** Default `.form-control` border radius
|
189
|
+
// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
328
190
|
$input-border-radius: $border-radius-base !default;
|
191
|
+
//** Large `.form-control` border radius
|
192
|
+
$input-border-radius-large: $border-radius-large !default;
|
193
|
+
//** Small `.form-control` border radius
|
194
|
+
$input-border-radius-small: $border-radius-small !default;
|
195
|
+
|
329
196
|
//** Border color for inputs on focus
|
330
197
|
$input-border-focus: hsla(0, 100%, 100%, 0) !default;
|
331
198
|
|
@@ -339,21 +206,27 @@ $input-height-large: (ceil($font-size-large * $line-height-large) +
|
|
339
206
|
//** Small `.form-control` height
|
340
207
|
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
341
208
|
|
209
|
+
//** `.form-group` margin
|
210
|
+
$form-group-margin-bottom: 15px !default;
|
211
|
+
|
342
212
|
$legend-color: $text-color !default;
|
343
|
-
$legend-border-color: $
|
213
|
+
$legend-border-color: $gray-light !default;
|
344
214
|
|
345
215
|
//** Background color for textual input addons
|
346
216
|
$input-group-addon-bg: $btn-default-bg !default;
|
347
217
|
//** Border color for textual input addons
|
348
218
|
$input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default;
|
349
219
|
|
220
|
+
//** Disabled cursor for form controls and buttons.
|
221
|
+
$cursor-disabled: not-allowed !default;
|
222
|
+
|
350
223
|
|
351
224
|
//== Dropdowns
|
352
225
|
//
|
353
226
|
//## Dropdown menu container and contents.
|
354
227
|
|
355
228
|
//** Background for the dropdown menu.
|
356
|
-
$dropdown-bg: $
|
229
|
+
$dropdown-bg: $gray-light !default;
|
357
230
|
//** Dropdown menu `border-color`.
|
358
231
|
$dropdown-border: hsla(0, 100%, 100%, 0) !default;
|
359
232
|
//** Dropdown menu `border-color` **for IE8**.
|
@@ -366,7 +239,7 @@ $dropdown-link-color: $text-color !default;
|
|
366
239
|
//** Hover color for dropdown links.
|
367
240
|
$dropdown-link-hover-color: $text-color !default;
|
368
241
|
//** Hover background for dropdown links.
|
369
|
-
$dropdown-link-hover-bg: $
|
242
|
+
$dropdown-link-hover-bg: darken($gray-light, 3%) !default;
|
370
243
|
|
371
244
|
//** Active dropdown menu item text color.
|
372
245
|
$dropdown-link-active-color: $component-active-color !default;
|
@@ -399,50 +272,164 @@ $zindex-modal-background: 1040 !default;
|
|
399
272
|
$zindex-modal: 1050 !default;
|
400
273
|
|
401
274
|
|
275
|
+
//== Media queries breakpoints
|
276
|
+
//
|
277
|
+
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
278
|
+
|
279
|
+
// Extra small screen / phone
|
280
|
+
//** Deprecated `@screen-xs` as of v3.0.1
|
281
|
+
$screen-xs: 480px !default;
|
282
|
+
//** Deprecated `@screen-xs-min` as of v3.2.0
|
283
|
+
$screen-xs-min: $screen-xs !default;
|
284
|
+
//** Deprecated `@screen-phone` as of v3.0.1
|
285
|
+
$screen-phone: $screen-xs-min !default;
|
286
|
+
|
287
|
+
// Small screen / tablet
|
288
|
+
//** Deprecated `@screen-sm` as of v3.0.1
|
289
|
+
$screen-sm: 768px !default;
|
290
|
+
$screen-sm-min: $screen-sm !default;
|
291
|
+
//** Deprecated `@screen-tablet` as of v3.0.1
|
292
|
+
$screen-tablet: $screen-sm-min !default;
|
293
|
+
|
294
|
+
// Medium screen / desktop
|
295
|
+
//** Deprecated `@screen-md` as of v3.0.1
|
296
|
+
$screen-md: 992px !default;
|
297
|
+
$screen-md-min: $screen-md !default;
|
298
|
+
//** Deprecated `@screen-desktop` as of v3.0.1
|
299
|
+
$screen-desktop: $screen-md-min !default;
|
300
|
+
|
301
|
+
// Large screen / wide desktop
|
302
|
+
//** Deprecated `@screen-lg` as of v3.0.1
|
303
|
+
$screen-lg: 1200px !default;
|
304
|
+
$screen-lg-min: $screen-lg !default;
|
305
|
+
//** Deprecated `@screen-lg-desktop` as of v3.0.1
|
306
|
+
$screen-lg-desktop: $screen-lg-min !default;
|
307
|
+
|
308
|
+
// So media queries don't overlap when required, provide a maximum
|
309
|
+
$screen-xs-max: ($screen-sm-min - 1) !default;
|
310
|
+
$screen-sm-max: ($screen-md-min - 1) !default;
|
311
|
+
$screen-md-max: ($screen-lg-min - 1) !default;
|
312
|
+
|
313
|
+
|
314
|
+
//== Grid system
|
315
|
+
//
|
316
|
+
//## Define your custom responsive grid.
|
317
|
+
|
318
|
+
//** Number of columns in the grid.
|
319
|
+
$grid-columns: 12 !default;
|
320
|
+
//** Padding between columns. Gets divided in half for the left and right.
|
321
|
+
$grid-gutter-width: 30px !default;
|
322
|
+
// Navbar collapse
|
323
|
+
//** Point at which the navbar becomes uncollapsed.
|
324
|
+
$grid-float-breakpoint: $screen-sm-min !default;
|
325
|
+
//** Point at which the navbar begins collapsing.
|
326
|
+
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
327
|
+
|
328
|
+
|
402
329
|
//== Container sizes
|
403
330
|
//
|
404
331
|
//## Define the maximum width of `.container` for different screen sizes.
|
405
332
|
|
406
333
|
// Small screen / tablet
|
407
|
-
$container-tablet: (
|
334
|
+
$container-tablet: (720px + $grid-gutter-width) !default;
|
408
335
|
//** For `@screen-sm-min` and up.
|
409
336
|
$container-sm: $container-tablet !default;
|
410
337
|
|
411
338
|
// Medium screen / desktop
|
412
|
-
$container-desktop: (
|
339
|
+
$container-desktop: (940px + $grid-gutter-width) !default;
|
413
340
|
//** For `@screen-md-min` and up.
|
414
341
|
$container-md: $container-desktop !default;
|
415
342
|
|
416
343
|
// Large screen / wide desktop
|
417
|
-
$container-large-desktop: (
|
344
|
+
$container-large-desktop: (1140px + $grid-gutter-width) !default;
|
418
345
|
//** For `@screen-lg-min` and up.
|
419
346
|
$container-lg: $container-large-desktop !default;
|
420
347
|
|
421
348
|
|
349
|
+
//== Navbar
|
350
|
+
//
|
351
|
+
//##
|
352
|
+
|
353
|
+
// Basics of a navbar
|
354
|
+
$navbar-height: 40px !default;
|
355
|
+
$navbar-margin-bottom: $line-height-computed !default;
|
356
|
+
$navbar-border-radius: $border-radius-base !default;
|
357
|
+
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
|
358
|
+
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
|
359
|
+
$navbar-collapse-max-height: 340px !default;
|
360
|
+
|
361
|
+
$navbar-default-color: $text-color !default;
|
362
|
+
$navbar-default-bg: $gray-light !default;
|
363
|
+
$navbar-default-border: hsla(0, 100%, 100%, 0) !default;
|
364
|
+
|
365
|
+
// Navbar links
|
366
|
+
$navbar-default-link-color: $text-color !default;
|
367
|
+
$navbar-default-link-hover-color: $navbar-default-link-color !default;
|
368
|
+
$navbar-default-link-hover-bg: $dropdown-link-hover-bg !default;
|
369
|
+
$navbar-default-link-active-color: $navbar-default-link-color !default;
|
370
|
+
$navbar-default-link-active-bg: $dropdown-link-hover-bg !default;
|
371
|
+
$navbar-default-link-disabled-color: #ccc !default;
|
372
|
+
$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
373
|
+
|
374
|
+
// Navbar brand label
|
375
|
+
$navbar-default-brand-color: $navbar-default-link-color !default;
|
376
|
+
$navbar-default-brand-hover-color: $navbar-default-link-color !default;
|
377
|
+
$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
378
|
+
|
379
|
+
// Navbar toggle
|
380
|
+
$navbar-default-toggle-hover-bg: $navbar-default-link-hover-bg !default;
|
381
|
+
$navbar-default-toggle-icon-bar-bg: $text-color !default;
|
382
|
+
$navbar-default-toggle-border-color: hsla(0, 100%, 100%, 0) !default;
|
383
|
+
|
384
|
+
|
385
|
+
// Inverted navbar
|
386
|
+
// Reset inverted navbar basics
|
387
|
+
$navbar-inverse-color: $text-color !default;
|
388
|
+
$navbar-inverse-bg: $brand-primary !default;
|
389
|
+
$navbar-inverse-border: hsla(0, 100%, 100%, 0) !default;
|
390
|
+
|
391
|
+
// Inverted navbar links
|
392
|
+
$navbar-inverse-link-color: $text-color !default;
|
393
|
+
$navbar-inverse-link-hover-color: $navbar-inverse-link-color !default;
|
394
|
+
$navbar-inverse-link-hover-bg: darken($navbar-inverse-bg, 5%) !default;
|
395
|
+
$navbar-inverse-link-active-color: $navbar-inverse-link-color !default;
|
396
|
+
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%) !default;
|
397
|
+
$navbar-inverse-link-disabled-color: #444 !default;
|
398
|
+
$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
399
|
+
|
400
|
+
// Inverted navbar brand label
|
401
|
+
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
402
|
+
$navbar-inverse-brand-hover-color: $navbar-inverse-link-color !default;
|
403
|
+
$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
404
|
+
|
405
|
+
// Inverted navbar toggle
|
406
|
+
$navbar-inverse-toggle-hover-bg: $navbar-inverse-link-hover-bg !default;
|
407
|
+
$navbar-inverse-toggle-icon-bar-bg: $text-color !default;
|
408
|
+
$navbar-inverse-toggle-border-color: hsla(0, 100%, 100%, 0) !default;
|
409
|
+
|
410
|
+
|
422
411
|
//== Navs
|
423
412
|
//
|
424
413
|
//##
|
425
414
|
|
426
415
|
//=== Shared nav styles
|
427
416
|
$nav-link-padding: 10px 15px !default;
|
428
|
-
$nav-link-hover-bg: $
|
429
|
-
|
430
|
-
$nav-disabled-link-color: $well-bg !default;
|
431
|
-
$nav-disabled-link-hover-color: $well-bg !default;
|
417
|
+
$nav-link-hover-bg: $gray-light !default;
|
432
418
|
|
433
|
-
$nav-
|
419
|
+
$nav-disabled-link-color: $gray-light !default;
|
420
|
+
$nav-disabled-link-hover-color: $gray-light !default;
|
434
421
|
|
435
422
|
//== Tabs
|
436
423
|
$nav-tabs-border-color: hsla(0, 100%, 100%, 0) !default;
|
437
424
|
|
438
|
-
$nav-tabs-link-hover-border-color: $
|
425
|
+
$nav-tabs-link-hover-border-color: $gray-light !default;
|
439
426
|
|
440
427
|
$nav-tabs-active-link-hover-bg: $body-bg !default;
|
441
428
|
$nav-tabs-active-link-hover-color: $text-color !default;
|
442
|
-
$nav-tabs-active-link-hover-border-color: $
|
429
|
+
$nav-tabs-active-link-hover-border-color: $gray-light !default;
|
443
430
|
|
444
|
-
$nav-tabs-justified-link-border-color: $
|
445
|
-
$nav-tabs-justified-active-link-border-color: $
|
431
|
+
$nav-tabs-justified-link-border-color: $gray-light !default;
|
432
|
+
$nav-tabs-justified-active-link-border-color: $gray-light !default;
|
446
433
|
|
447
434
|
//== Pills
|
448
435
|
$nav-pills-border-radius: $border-radius-base !default;
|
@@ -455,7 +442,7 @@ $nav-pills-active-link-hover-color: $component-active-color !default;
|
|
455
442
|
//##
|
456
443
|
|
457
444
|
$pagination-color: $text-color !default;
|
458
|
-
$pagination-bg: $
|
445
|
+
$pagination-bg: $gray-light !default;
|
459
446
|
$pagination-border: hsla(0, 100%, 100%, 0) !default;
|
460
447
|
|
461
448
|
$pagination-hover-color: $text-color !default;
|
@@ -467,7 +454,7 @@ $pagination-active-bg: $brand-primary !default;
|
|
467
454
|
$pagination-active-border: hsla(0, 100%, 100%, 0) !default;
|
468
455
|
|
469
456
|
$pagination-disabled-color: darken($table-bg-hover, 10%) !default;
|
470
|
-
$pagination-disabled-bg: $
|
457
|
+
$pagination-disabled-bg: $gray-light !default;
|
471
458
|
$pagination-disabled-border: hsla(0, 100%, 100%, 0) !default;
|
472
459
|
|
473
460
|
|
@@ -493,7 +480,7 @@ $pager-disabled-color: $pagination-disabled-color !default;
|
|
493
480
|
|
494
481
|
$jumbotron-padding: 30px !default;
|
495
482
|
$jumbotron-color: inherit !default;
|
496
|
-
$jumbotron-bg: $
|
483
|
+
$jumbotron-bg: $gray-light !default;
|
497
484
|
$jumbotron-heading-color: inherit !default;
|
498
485
|
$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
|
499
486
|
|
@@ -542,7 +529,7 @@ $tooltip-arrow-color: $tooltip-bg !default;
|
|
542
529
|
//##
|
543
530
|
|
544
531
|
//** Popover body background color
|
545
|
-
$popover-bg: $
|
532
|
+
$popover-bg: $gray-light !default;
|
546
533
|
//** Popover maximum width
|
547
534
|
$popover-max-width: 276px !default;
|
548
535
|
//** Popover border color
|
@@ -556,7 +543,7 @@ $popover-title-bg: $table-bg-hover !default;
|
|
556
543
|
//** Popover arrow width
|
557
544
|
$popover-arrow-width: 10px !default;
|
558
545
|
//** Popover arrow color
|
559
|
-
$popover-arrow-color: $
|
546
|
+
$popover-arrow-color: $popover-bg !default;
|
560
547
|
|
561
548
|
//** Popover outer arrow width
|
562
549
|
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
|
@@ -602,11 +589,11 @@ $modal-title-padding: 15px !default;
|
|
602
589
|
$modal-title-line-height: $line-height-base !default;
|
603
590
|
|
604
591
|
//** Background color of modal content area
|
605
|
-
$modal-content-bg: $
|
592
|
+
$modal-content-bg: $gray-light !default;
|
606
593
|
//** Modal content border color
|
607
|
-
$modal-content-border-color:
|
594
|
+
$modal-content-border-color: transparent !default;
|
608
595
|
//** Modal content border color **for IE8**
|
609
|
-
$modal-content-fallback-border-color:
|
596
|
+
$modal-content-fallback-border-color: transparent !default;
|
610
597
|
|
611
598
|
//** Modal backdrop background color
|
612
599
|
$modal-backdrop-bg: #000 !default;
|
@@ -652,9 +639,11 @@ $alert-danger-border: $state-danger-border !default;
|
|
652
639
|
//##
|
653
640
|
|
654
641
|
//** Background color of the whole progress component
|
655
|
-
$progress-bg: $
|
642
|
+
$progress-bg: $gray-light !default;
|
656
643
|
//** Progress bar text color
|
657
644
|
$progress-bar-color: #fff !default;
|
645
|
+
//** Variable for setting rounded corners on progress bar.
|
646
|
+
$progress-border-radius: $border-radius-base !default;
|
658
647
|
|
659
648
|
//** Default progress bar color
|
660
649
|
$progress-bar-bg: $brand-primary !default;
|
@@ -673,9 +662,9 @@ $progress-bar-info-bg: $brand-info !default;
|
|
673
662
|
//##
|
674
663
|
|
675
664
|
//** Background color on `.list-group-item`
|
676
|
-
$list-group-bg: $
|
665
|
+
$list-group-bg: $gray-light !default;
|
677
666
|
//** `.list-group-item` border color
|
678
|
-
$list-group-border:
|
667
|
+
$list-group-border: transparent !default;
|
679
668
|
//** List group border radius
|
680
669
|
$list-group-border-radius: $border-radius-base !default;
|
681
670
|
|
@@ -706,38 +695,38 @@ $list-group-link-heading-color: $text-color !default;
|
|
706
695
|
//
|
707
696
|
//##
|
708
697
|
|
709
|
-
$panel-bg: $
|
698
|
+
$panel-bg: $gray-light !default;
|
710
699
|
$panel-body-padding: 15px !default;
|
711
700
|
$panel-heading-padding: 10px 15px !default;
|
712
701
|
$panel-footer-padding: $panel-heading-padding !default;
|
713
702
|
$panel-border-radius: $border-radius-base !default;
|
714
703
|
|
715
704
|
//** Border color for elements within panels
|
716
|
-
$panel-inner-border:
|
705
|
+
$panel-inner-border: transparent !default;
|
717
706
|
$panel-footer-bg: $table-bg-hover !default;
|
718
707
|
|
719
708
|
$panel-default-text: $gray-dark !default;
|
720
|
-
$panel-default-border:
|
709
|
+
$panel-default-border: transparent !default;
|
721
710
|
$panel-default-heading-bg: #f5f5f5 !default;
|
722
711
|
|
723
712
|
$panel-primary-text: #fff !default;
|
724
|
-
$panel-primary-border:
|
713
|
+
$panel-primary-border: transparent !default;
|
725
714
|
$panel-primary-heading-bg: $brand-primary !default;
|
726
715
|
|
727
716
|
$panel-success-text: $state-success-text !default;
|
728
|
-
$panel-success-border:
|
717
|
+
$panel-success-border: transparent !default;
|
729
718
|
$panel-success-heading-bg: $state-success-bg !default;
|
730
719
|
|
731
720
|
$panel-info-text: $state-info-text !default;
|
732
|
-
$panel-info-border:
|
721
|
+
$panel-info-border: transparent !default;
|
733
722
|
$panel-info-heading-bg: $state-info-bg !default;
|
734
723
|
|
735
724
|
$panel-warning-text: $state-warning-text !default;
|
736
|
-
$panel-warning-border:
|
725
|
+
$panel-warning-border: transparent !default;
|
737
726
|
$panel-warning-heading-bg: $state-warning-bg !default;
|
738
727
|
|
739
728
|
$panel-danger-text: $state-danger-text !default;
|
740
|
-
$panel-danger-border:
|
729
|
+
$panel-danger-border: transparent !default;
|
741
730
|
$panel-danger-heading-bg: $state-danger-bg !default;
|
742
731
|
|
743
732
|
|
@@ -760,6 +749,14 @@ $thumbnail-caption-color: $text-color !default;
|
|
760
749
|
$thumbnail-caption-padding: 9px !default;
|
761
750
|
|
762
751
|
|
752
|
+
//== Wells
|
753
|
+
//
|
754
|
+
//##
|
755
|
+
|
756
|
+
$well-bg: $gray-light !default;
|
757
|
+
$well-border: transparent !default;
|
758
|
+
|
759
|
+
|
763
760
|
//== Badges
|
764
761
|
//
|
765
762
|
//##
|
@@ -786,7 +783,7 @@ $badge-border-radius: 10px !default;
|
|
786
783
|
$breadcrumb-padding-vertical: 8px !default;
|
787
784
|
$breadcrumb-padding-horizontal: 15px !default;
|
788
785
|
//** Breadcrumb background color
|
789
|
-
$breadcrumb-bg: $
|
786
|
+
$breadcrumb-bg: $gray-light !default;
|
790
787
|
//** Breadcrumb text color
|
791
788
|
$breadcrumb-color: $text-color !default;
|
792
789
|
//** Text color of current page in the breadcrumb
|
@@ -837,3 +834,27 @@ $pre-border-color: #ccc !default;
|
|
837
834
|
$pre-scrollable-max-height: 340px !default;
|
838
835
|
|
839
836
|
|
837
|
+
//== Type
|
838
|
+
//
|
839
|
+
//##
|
840
|
+
|
841
|
+
//** Horizontal offset for forms and lists.
|
842
|
+
$component-offset-horizontal: 180px !default;
|
843
|
+
//** Text muted color
|
844
|
+
$text-muted: $gray-light !default;
|
845
|
+
//** Abbreviations and acronyms border color
|
846
|
+
$abbr-border-color: $gray-light !default;
|
847
|
+
//** Headings small color
|
848
|
+
$headings-small-color: $text-color !default;
|
849
|
+
//** Blockquote small color
|
850
|
+
$blockquote-small-color: $text-color !default;
|
851
|
+
//** Blockquote font size
|
852
|
+
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
853
|
+
//** Blockquote border color
|
854
|
+
$blockquote-border-color: $gray-light !default;
|
855
|
+
//** Page header border color
|
856
|
+
$page-header-border-color: $gray-lighter !default;
|
857
|
+
//** Width of horizontal description list titles
|
858
|
+
$dl-horizontal-offset: $component-offset-horizontal !default;
|
859
|
+
//** Horizontal line color.
|
860
|
+
$hr-border: lighten($gray-light, 5%) !default;
|