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
|
-
// Cyborg 3.
|
1
|
+
// Cyborg 3.3.4
|
2
2
|
// Bootswatch
|
3
3
|
// -----------------------------------------------------
|
4
4
|
|
@@ -46,6 +46,10 @@ table,
|
|
46
46
|
text-decoration: underline;
|
47
47
|
}
|
48
48
|
|
49
|
+
.dropdown-menu a {
|
50
|
+
text-decoration: none;
|
51
|
+
}
|
52
|
+
|
49
53
|
.text-muted {
|
50
54
|
color: $text-muted;
|
51
55
|
}
|
@@ -156,6 +160,48 @@ a.thumbnail.active {
|
|
156
160
|
border-color: $thumbnail-border;
|
157
161
|
}
|
158
162
|
|
163
|
+
a.list-group-item {
|
164
|
+
|
165
|
+
&.active,
|
166
|
+
&.active:hover,
|
167
|
+
&.active:focus {
|
168
|
+
border-color: $list-group-border;
|
169
|
+
}
|
170
|
+
}
|
171
|
+
|
172
|
+
a.list-group-item-success {
|
173
|
+
&.active {
|
174
|
+
background-color: $state-success-bg;
|
175
|
+
}
|
176
|
+
|
177
|
+
&.active:hover,
|
178
|
+
&.active:focus {
|
179
|
+
background-color: darken($state-success-bg, 5%);
|
180
|
+
}
|
181
|
+
}
|
182
|
+
|
183
|
+
a.list-group-item-warning {
|
184
|
+
&.active {
|
185
|
+
background-color: $state-warning-bg;
|
186
|
+
}
|
187
|
+
|
188
|
+
&.active:hover,
|
189
|
+
&.active:focus {
|
190
|
+
background-color: darken($state-warning-bg, 5%);
|
191
|
+
}
|
192
|
+
}
|
193
|
+
|
194
|
+
a.list-group-item-danger {
|
195
|
+
&.active {
|
196
|
+
background-color: $state-danger-bg;
|
197
|
+
}
|
198
|
+
|
199
|
+
&.active:hover,
|
200
|
+
&.active:focus {
|
201
|
+
background-color: darken($state-danger-bg, 5%);
|
202
|
+
}
|
203
|
+
}
|
204
|
+
|
159
205
|
.jumbotron {
|
160
206
|
|
161
207
|
h1, h2, h3, h4, h5, h6 {
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Cyborg 3.
|
1
|
+
// Cyborg 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:
|
10
|
+
$gray-base: #000 !default;
|
11
11
|
$gray-darker: #222 !default; // #222
|
12
12
|
$gray-dark: #282828 !default; // #333
|
13
|
+
$gray: #555 !default; // #555
|
13
14
|
$gray-light: #888 !default; // #999
|
14
15
|
$gray-lighter: #ADAFAE !default; // #eee
|
15
16
|
|
@@ -33,6 +34,8 @@ $text-color: $gray-light !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: 4px !default;
|
@@ -180,8 +183,16 @@ $input-bg-disabled: $gray-lighter !default;
|
|
180
183
|
$input-color: $text-color !default;
|
181
184
|
//** `<input>` border color
|
182
185
|
$input-border: $gray-dark !default;
|
183
|
-
|
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.
|
184
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
|
+
|
185
196
|
//** Border color for inputs on focus
|
186
197
|
$input-border-focus: #66afe9 !default;
|
187
198
|
|
@@ -195,6 +206,9 @@ $input-height-large: (ceil($font-size-large * $line-height-large) +
|
|
195
206
|
//** Small `.form-control` height
|
196
207
|
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
197
208
|
|
209
|
+
//** `.form-group` margin
|
210
|
+
$form-group-margin-bottom: 15px !default;
|
211
|
+
|
198
212
|
$legend-color: $text-color !default;
|
199
213
|
$legend-border-color: $gray-dark !default;
|
200
214
|
|
@@ -203,30 +217,9 @@ $input-group-addon-bg: $gray-lighter !default;
|
|
203
217
|
//** Border color for textual input addons
|
204
218
|
$input-group-addon-border-color: $input-border !default;
|
205
219
|
|
206
|
-
|
207
|
-
|
208
|
-
//##
|
220
|
+
//** Disabled cursor for form controls and buttons.
|
221
|
+
$cursor-disabled: not-allowed !default;
|
209
222
|
|
210
|
-
//** Horizontal offset for forms and lists.
|
211
|
-
$component-offset-horizontal: 180px !default;
|
212
|
-
//** Text muted color
|
213
|
-
$text-muted: $gray-light !default;
|
214
|
-
//** Abbreviations and acronyms border color
|
215
|
-
$abbr-border-color: $gray-light !default;
|
216
|
-
//** Headings small color
|
217
|
-
$headings-small-color: $gray-light !default;
|
218
|
-
//** Blockquote small color
|
219
|
-
$blockquote-small-color: $gray !default;
|
220
|
-
//** Blockquote font size
|
221
|
-
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
222
|
-
//** Blockquote border color
|
223
|
-
$blockquote-border-color: $gray-dark !default;
|
224
|
-
//** Page header border color
|
225
|
-
$page-header-border-color: $gray-dark !default;
|
226
|
-
//** Width of horizontal description list titles
|
227
|
-
$dl-horizontal-offset: $component-offset-horizontal !default;
|
228
|
-
//** Horizontal line color.
|
229
|
-
$hr-border: $gray-dark !default;
|
230
223
|
|
231
224
|
//== Dropdowns
|
232
225
|
//
|
@@ -241,23 +234,23 @@ $dropdown-fallback-border: #444 !default;
|
|
241
234
|
//** Divider color for between dropdown items.
|
242
235
|
$dropdown-divider-bg: rgba(255,255,255,0.1) !default;
|
243
236
|
|
244
|
-
//** Active dropdown menu item background color.
|
245
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
246
237
|
//** Dropdown link text color.
|
247
238
|
$dropdown-link-color: #fff !default;
|
248
239
|
//** Hover color for dropdown links.
|
249
240
|
$dropdown-link-hover-color: #fff !default;
|
250
241
|
//** Hover background for dropdown links.
|
251
|
-
$dropdown-link-hover-bg: $
|
242
|
+
$dropdown-link-hover-bg: $component-active-bg !default;
|
252
243
|
|
253
244
|
//** Active dropdown menu item text color.
|
254
245
|
$dropdown-link-active-color: #fff !default;
|
246
|
+
//** Active dropdown menu item background color.
|
247
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
255
248
|
|
256
249
|
//** Disabled dropdown menu item background color.
|
257
|
-
$dropdown-link-disabled-color: $
|
250
|
+
$dropdown-link-disabled-color: $gray-light !default;
|
258
251
|
|
259
252
|
//** Text color for headers within dropdown menus.
|
260
|
-
$dropdown-header-color: $
|
253
|
+
$dropdown-header-color: $gray-light !default;
|
261
254
|
|
262
255
|
//** Deprecated `@dropdown-caret-color` as of v3.1.0
|
263
256
|
$dropdown-caret-color: #000 !default;
|
@@ -338,17 +331,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
|
338
331
|
//## Define the maximum width of `.container` for different screen sizes.
|
339
332
|
|
340
333
|
// Small screen / tablet
|
341
|
-
$container-tablet: (
|
334
|
+
$container-tablet: (720px + $grid-gutter-width) !default;
|
342
335
|
//** For `@screen-sm-min` and up.
|
343
336
|
$container-sm: $container-tablet !default;
|
344
337
|
|
345
338
|
// Medium screen / desktop
|
346
|
-
$container-desktop: (
|
339
|
+
$container-desktop: (940px + $grid-gutter-width) !default;
|
347
340
|
//** For `@screen-md-min` and up.
|
348
341
|
$container-md: $container-desktop !default;
|
349
342
|
|
350
343
|
// Large screen / wide desktop
|
351
|
-
$container-large-desktop: (
|
344
|
+
$container-large-desktop: (1140px + $grid-gutter-width) !default;
|
352
345
|
//** For `@screen-lg-min` and up.
|
353
346
|
$container-lg: $container-large-desktop !default;
|
354
347
|
|
@@ -426,8 +419,6 @@ $nav-link-hover-bg: $gray-darker !default;
|
|
426
419
|
$nav-disabled-link-color: $gray-light !default;
|
427
420
|
$nav-disabled-link-hover-color: $gray-light !default;
|
428
421
|
|
429
|
-
$nav-open-link-hover-color: $gray-darker !default;
|
430
|
-
|
431
422
|
//== Tabs
|
432
423
|
$nav-tabs-border-color: $gray-dark !default;
|
433
424
|
|
@@ -524,7 +515,7 @@ $tooltip-max-width: 200px !default;
|
|
524
515
|
//** Tooltip text color
|
525
516
|
$tooltip-color: #fff !default;
|
526
517
|
//** Tooltip background color
|
527
|
-
$tooltip-bg:
|
518
|
+
$tooltip-bg: #000 !default;
|
528
519
|
$tooltip-opacity: .9 !default;
|
529
520
|
|
530
521
|
//** Tooltip arrow width
|
@@ -651,6 +642,8 @@ $alert-danger-border: $state-danger-border !default;
|
|
651
642
|
$progress-bg: $gray-darker !default;
|
652
643
|
//** Progress bar text color
|
653
644
|
$progress-bar-color: #fff !default;
|
645
|
+
//** Variable for setting rounded corners on progress bar.
|
646
|
+
$progress-border-radius: $border-radius-base !default;
|
654
647
|
|
655
648
|
//** Default progress bar color
|
656
649
|
$progress-bar-bg: $brand-primary !default;
|
@@ -709,12 +702,12 @@ $panel-footer-padding: $panel-heading-padding !default;
|
|
709
702
|
$panel-border-radius: $border-radius-base !default;
|
710
703
|
|
711
704
|
//** Border color for elements within panels
|
712
|
-
$panel-default-heading-bg: lighten($gray-darker, 10%) !default;
|
713
705
|
$panel-inner-border: $gray-dark !default;
|
714
|
-
$panel-footer-bg: $
|
706
|
+
$panel-footer-bg: lighten($gray-darker, 10%) !default;
|
715
707
|
|
716
708
|
$panel-default-text: $text-color !default;
|
717
709
|
$panel-default-border: $panel-inner-border !default;
|
710
|
+
$panel-default-heading-bg: $panel-footer-bg !default;
|
718
711
|
|
719
712
|
$panel-primary-text: #fff !default;
|
720
713
|
$panel-primary-border: $brand-primary !default;
|
@@ -841,3 +834,27 @@ $pre-border-color: #ccc !default;
|
|
841
834
|
$pre-scrollable-max-height: 340px !default;
|
842
835
|
|
843
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: $gray-light !default;
|
849
|
+
//** Blockquote small color
|
850
|
+
$blockquote-small-color: $gray !default;
|
851
|
+
//** Blockquote font size
|
852
|
+
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
853
|
+
//** Blockquote border color
|
854
|
+
$blockquote-border-color: $gray-dark !default;
|
855
|
+
//** Page header border color
|
856
|
+
$page-header-border-color: $gray-dark !default;
|
857
|
+
//** Width of horizontal description list titles
|
858
|
+
$dl-horizontal-offset: $component-offset-horizontal !default;
|
859
|
+
//** Horizontal line color.
|
860
|
+
$hr-border: $gray-dark !default;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Darkly 3.
|
1
|
+
// Darkly 3.3.4
|
2
2
|
// Bootswatch
|
3
3
|
// -----------------------------------------------------
|
4
4
|
|
@@ -9,6 +9,7 @@
|
|
9
9
|
.navbar {
|
10
10
|
border-width: 0;
|
11
11
|
}
|
12
|
+
|
12
13
|
.navbar-default {
|
13
14
|
|
14
15
|
.badge {
|
@@ -26,7 +27,7 @@
|
|
26
27
|
}
|
27
28
|
|
28
29
|
.navbar-brand {
|
29
|
-
|
30
|
+
line-height: 1;
|
30
31
|
}
|
31
32
|
|
32
33
|
.navbar-form {
|
@@ -41,6 +42,10 @@
|
|
41
42
|
|
42
43
|
// Buttons ====================================================================
|
43
44
|
|
45
|
+
.btn {
|
46
|
+
border-width: 2px;
|
47
|
+
}
|
48
|
+
|
44
49
|
.btn:active {
|
45
50
|
@include box-shadow(none);
|
46
51
|
}
|
@@ -85,13 +90,19 @@ table,
|
|
85
90
|
text-decoration: underline;
|
86
91
|
}
|
87
92
|
|
93
|
+
.dropdown-menu a {
|
94
|
+
text-decoration: none;
|
95
|
+
}
|
96
|
+
|
88
97
|
.success,
|
89
98
|
.warning,
|
90
99
|
.danger,
|
91
100
|
.info {
|
92
101
|
color: #fff;
|
93
102
|
|
94
|
-
a
|
103
|
+
> th > a,
|
104
|
+
> td > a,
|
105
|
+
> a {
|
95
106
|
color: #fff;
|
96
107
|
}
|
97
108
|
}
|
@@ -126,7 +137,7 @@ textarea {
|
|
126
137
|
.form-control,
|
127
138
|
input,
|
128
139
|
textarea {
|
129
|
-
border:
|
140
|
+
border: 2px hidden transparent;
|
130
141
|
@include box-shadow(none);
|
131
142
|
|
132
143
|
&:focus {
|
@@ -273,6 +284,48 @@ textarea {
|
|
273
284
|
@include box-shadow(none);
|
274
285
|
}
|
275
286
|
|
287
|
+
a.list-group-item {
|
288
|
+
|
289
|
+
&.active,
|
290
|
+
&.active:hover,
|
291
|
+
&.active:focus {
|
292
|
+
border-color: $list-group-border;
|
293
|
+
}
|
294
|
+
}
|
295
|
+
|
296
|
+
a.list-group-item-success {
|
297
|
+
&.active {
|
298
|
+
background-color: $state-success-bg;
|
299
|
+
}
|
300
|
+
|
301
|
+
&.active:hover,
|
302
|
+
&.active:focus {
|
303
|
+
background-color: darken($state-success-bg, 5%);
|
304
|
+
}
|
305
|
+
}
|
306
|
+
|
307
|
+
a.list-group-item-warning {
|
308
|
+
&.active {
|
309
|
+
background-color: $state-warning-bg;
|
310
|
+
}
|
311
|
+
|
312
|
+
&.active:hover,
|
313
|
+
&.active:focus {
|
314
|
+
background-color: darken($state-warning-bg, 5%);
|
315
|
+
}
|
316
|
+
}
|
317
|
+
|
318
|
+
a.list-group-item-danger {
|
319
|
+
&.active {
|
320
|
+
background-color: $state-danger-bg;
|
321
|
+
}
|
322
|
+
|
323
|
+
&.active:hover,
|
324
|
+
&.active:focus {
|
325
|
+
background-color: darken($state-danger-bg, 5%);
|
326
|
+
}
|
327
|
+
}
|
328
|
+
|
276
329
|
.popover {
|
277
330
|
color: $text-color;
|
278
331
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Darkly 3.
|
1
|
+
// Darkly 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(
|
10
|
+
$gray-base: #000 !default;
|
11
|
+
$gray-darker: lighten($gray-base, 13.5%) !default; // #222
|
12
12
|
$gray-dark: #303030 !default; // #333
|
13
|
+
$gray: #464545 !default;
|
13
14
|
$gray-light: #999 !default; // #999
|
14
15
|
$gray-lighter: #EBEBEB !default; // #eee
|
15
16
|
|
@@ -33,6 +34,8 @@ $text-color: #fff !default;
|
|
33
34
|
$link-color: desaturate(lighten($brand-success, 10%),10%) !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: 9px !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: 4px !default;
|
@@ -105,7 +108,7 @@ $border-radius-small: 3px !default;
|
|
105
108
|
//** Global color for active items (e.g., navs or dropdowns).
|
106
109
|
$component-active-color: #fff !default;
|
107
110
|
//** Global background color for active items (e.g., navs or dropdowns).
|
108
|
-
$component-active-bg: $brand-
|
111
|
+
$component-active-bg: $brand-primary !default;
|
109
112
|
|
110
113
|
//** Width of the `border` for generating carets that indicator dropdowns.
|
111
114
|
$caret-width-base: 4px !default;
|
@@ -125,7 +128,7 @@ $table-condensed-cell-padding: 5px !default;
|
|
125
128
|
//** Default background color used for all tables.
|
126
129
|
$table-bg: transparent !default;
|
127
130
|
//** Background color used for `.table-striped`.
|
128
|
-
$table-bg-accent: $gray-dark !default;
|
131
|
+
$table-bg-accent: lighten($gray-dark, 5%) !default;
|
129
132
|
//** Background color used for `.table-hover`.
|
130
133
|
$table-bg-hover: $gray !default;
|
131
134
|
$table-bg-active: $table-bg-hover !default;
|
@@ -180,8 +183,16 @@ $input-bg-disabled: $gray-lighter !default;
|
|
180
183
|
$input-color: $gray !default;
|
181
184
|
//** `<input>` border color
|
182
185
|
$input-border: #f1f1f1 !default;
|
183
|
-
|
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.
|
184
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
|
+
|
185
196
|
//** Border color for inputs on focus
|
186
197
|
$input-border-focus: #fff !default;
|
187
198
|
|
@@ -189,75 +200,57 @@ $input-border-focus: #fff !default;
|
|
189
200
|
$input-color-placeholder: $gray-light !default;
|
190
201
|
|
191
202
|
//** Default `.form-control` height
|
192
|
-
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) +
|
203
|
+
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 4) !default;
|
193
204
|
//** Large `.form-control` height
|
194
|
-
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) +
|
205
|
+
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 4) !default;
|
195
206
|
//** Small `.form-control` height
|
196
|
-
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) +
|
207
|
+
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 4) !default;
|
208
|
+
|
209
|
+
//** `.form-group` margin
|
210
|
+
$form-group-margin-bottom: 15px !default;
|
197
211
|
|
198
212
|
$legend-color: $text-color !default;
|
199
213
|
$legend-border-color: transparent !default;
|
200
214
|
|
201
215
|
//** Background color for textual input addons
|
202
|
-
$input-group-addon-bg: $gray
|
216
|
+
$input-group-addon-bg: $gray !default;
|
203
217
|
//** Border color for textual input addons
|
204
218
|
$input-group-addon-border-color: transparent !default;
|
205
219
|
|
206
|
-
|
207
|
-
|
208
|
-
//##
|
220
|
+
//** Disabled cursor for form controls and buttons.
|
221
|
+
$cursor-disabled: not-allowed !default;
|
209
222
|
|
210
|
-
//** Horizontal offset for forms and lists.
|
211
|
-
$component-offset-horizontal: 180px !default;
|
212
|
-
//** Text muted color
|
213
|
-
$text-muted: $gray-light !default;
|
214
|
-
//** Abbreviations and acronyms border color
|
215
|
-
$abbr-border-color: $gray-light !default;
|
216
|
-
//** Headings small color
|
217
|
-
$headings-small-color: $gray-light !default;
|
218
|
-
//** Blockquote small color
|
219
|
-
$blockquote-small-color: $gray-light !default;
|
220
|
-
//** Blockquote font size
|
221
|
-
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
222
|
-
//** Blockquote border color
|
223
|
-
$blockquote-border-color: $gray !default;
|
224
|
-
//** Page header border color
|
225
|
-
$page-header-border-color: transparent !default;
|
226
|
-
//** Width of horizontal description list titles
|
227
|
-
$dl-horizontal-offset: $component-offset-horizontal !default;
|
228
|
-
//** Horizontal line color.
|
229
|
-
$hr-border: $gray !default;
|
230
223
|
|
231
224
|
//== Dropdowns
|
232
225
|
//
|
233
226
|
//## Dropdown menu container and contents.
|
234
227
|
|
235
228
|
//** Background for the dropdown menu.
|
236
|
-
$dropdown-bg:
|
229
|
+
$dropdown-bg: $gray-dark !default;
|
237
230
|
//** Dropdown menu `border-color`.
|
238
231
|
$dropdown-border: rgba(0,0,0,.15) !default;
|
239
232
|
//** Dropdown menu `border-color` **for IE8**.
|
240
233
|
$dropdown-fallback-border: #ccc !default;
|
241
234
|
//** Divider color for between dropdown items.
|
242
|
-
$dropdown-divider-bg:
|
235
|
+
$dropdown-divider-bg: $gray !default;
|
243
236
|
|
244
|
-
//** Active dropdown menu item background color.
|
245
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
246
237
|
//** Dropdown link text color.
|
247
|
-
$dropdown-link-color: $
|
238
|
+
$dropdown-link-color: $gray-lighter !default;
|
248
239
|
//** Hover color for dropdown links.
|
249
240
|
$dropdown-link-hover-color: #fff !default;
|
250
241
|
//** Hover background for dropdown links.
|
251
|
-
$dropdown-link-hover-bg: $
|
242
|
+
$dropdown-link-hover-bg: $component-active-bg !default;
|
252
243
|
|
253
244
|
//** Active dropdown menu item text color.
|
254
245
|
$dropdown-link-active-color: #fff !default;
|
246
|
+
//** Active dropdown menu item background color.
|
247
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
255
248
|
|
256
249
|
//** Disabled dropdown menu item background color.
|
257
|
-
$dropdown-link-disabled-color: $
|
250
|
+
$dropdown-link-disabled-color: $gray-light !default;
|
258
251
|
|
259
252
|
//** Text color for headers within dropdown menus.
|
260
|
-
$dropdown-header-color: $
|
253
|
+
$dropdown-header-color: $gray-light !default;
|
261
254
|
|
262
255
|
//** Deprecated `@dropdown-caret-color` as of v3.1.0
|
263
256
|
$dropdown-caret-color: #000 !default;
|
@@ -338,17 +331,17 @@ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
|
338
331
|
//## Define the maximum width of `.container` for different screen sizes.
|
339
332
|
|
340
333
|
// Small screen / tablet
|
341
|
-
$container-tablet: (
|
334
|
+
$container-tablet: (720px + $grid-gutter-width) !default;
|
342
335
|
//** For `@screen-sm-min` and up.
|
343
336
|
$container-sm: $container-tablet !default;
|
344
337
|
|
345
338
|
// Medium screen / desktop
|
346
|
-
$container-desktop: (
|
339
|
+
$container-desktop: (940px + $grid-gutter-width) !default;
|
347
340
|
//** For `@screen-md-min` and up.
|
348
341
|
$container-md: $container-desktop !default;
|
349
342
|
|
350
343
|
// Large screen / wide desktop
|
351
|
-
$container-large-desktop: (
|
344
|
+
$container-large-desktop: (1140px + $grid-gutter-width) !default;
|
352
345
|
//** For `@screen-lg-min` and up.
|
353
346
|
$container-lg: $container-large-desktop !default;
|
354
347
|
|
@@ -426,8 +419,6 @@ $nav-link-hover-bg: $gray-dark !default;
|
|
426
419
|
$nav-disabled-link-color: lighten($gray, 10%) !default;
|
427
420
|
$nav-disabled-link-hover-color: lighten($gray, 10%) !default;
|
428
421
|
|
429
|
-
$nav-open-link-hover-color: #fff !default;
|
430
|
-
|
431
422
|
//== Tabs
|
432
423
|
$nav-tabs-border-color: $gray !default;
|
433
424
|
|
@@ -524,7 +515,7 @@ $tooltip-max-width: 200px !default;
|
|
524
515
|
//** Tooltip text color
|
525
516
|
$tooltip-color: #fff !default;
|
526
517
|
//** Tooltip background color
|
527
|
-
$tooltip-bg:
|
518
|
+
$tooltip-bg: #000 !default;
|
528
519
|
$tooltip-opacity: .9 !default;
|
529
520
|
|
530
521
|
//** Tooltip arrow width
|
@@ -651,6 +642,8 @@ $alert-danger-border: $state-danger-border !default;
|
|
651
642
|
$progress-bg: $gray-lighter !default;
|
652
643
|
//** Progress bar text color
|
653
644
|
$progress-bar-color: #fff !default;
|
645
|
+
//** Variable for setting rounded corners on progress bar.
|
646
|
+
$progress-border-radius: $border-radius-base !default;
|
654
647
|
|
655
648
|
//** Default progress bar color
|
656
649
|
$progress-bar-bg: $brand-primary !default;
|
@@ -841,3 +834,27 @@ $pre-border-color: #ccc !default;
|
|
841
834
|
$pre-scrollable-max-height: 340px !default;
|
842
835
|
|
843
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: $gray-light !default;
|
849
|
+
//** Blockquote small color
|
850
|
+
$blockquote-small-color: $gray-light !default;
|
851
|
+
//** Blockquote font size
|
852
|
+
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
853
|
+
//** Blockquote border color
|
854
|
+
$blockquote-border-color: $gray !default;
|
855
|
+
//** Page header border color
|
856
|
+
$page-header-border-color: transparent !default;
|
857
|
+
//** Width of horizontal description list titles
|
858
|
+
$dl-horizontal-offset: $component-offset-horizontal !default;
|
859
|
+
//** Horizontal line color.
|
860
|
+
$hr-border: $gray !default;
|