bootswatch-rails 3.2.4 → 3.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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;
|