bootswatch 4.0.0.alpha1 → 4.0.0.alpha6
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/.gitignore +1 -0
- data/Rakefile +1 -0
- data/app/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +1 -5
- data/app/assets/stylesheets/bootswatch/cerulean/_variables.scss +312 -206
- data/app/assets/stylesheets/bootswatch/cosmo/_variables.scss +312 -206
- data/app/assets/stylesheets/bootswatch/custom/_variables.scss +324 -220
- data/app/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +6 -5
- data/app/assets/stylesheets/bootswatch/cyborg/_variables.scss +293 -187
- data/app/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +0 -4
- data/app/assets/stylesheets/bootswatch/darkly/_variables.scss +293 -187
- data/app/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +0 -9
- data/app/assets/stylesheets/bootswatch/flatly/_variables.scss +305 -199
- data/app/assets/stylesheets/bootswatch/journal/_bootswatch.scss +7 -3
- data/app/assets/stylesheets/bootswatch/journal/_variables.scss +308 -204
- data/app/assets/stylesheets/bootswatch/litera/_bootswatch.scss +6 -6
- data/app/assets/stylesheets/bootswatch/litera/_variables.scss +306 -200
- data/app/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +3 -7
- data/app/assets/stylesheets/bootswatch/lumen/_variables.scss +308 -202
- data/app/assets/stylesheets/bootswatch/lux/_bootswatch.scss +1 -5
- data/app/assets/stylesheets/bootswatch/lux/_variables.scss +305 -201
- data/app/assets/stylesheets/bootswatch/materia/_bootswatch.scss +2 -6
- data/app/assets/stylesheets/bootswatch/materia/_variables.scss +308 -204
- data/app/assets/stylesheets/bootswatch/minty/_bootswatch.scss +1 -5
- data/app/assets/stylesheets/bootswatch/minty/_variables.scss +301 -196
- data/app/assets/stylesheets/bootswatch/pulse/_bootswatch.scss +0 -4
- data/app/assets/stylesheets/bootswatch/pulse/_variables.scss +302 -198
- data/app/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +1 -5
- data/app/assets/stylesheets/bootswatch/sandstone/_variables.scss +286 -180
- data/app/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +4 -7
- data/app/assets/stylesheets/bootswatch/simplex/_variables.scss +305 -201
- data/app/assets/stylesheets/bootswatch/slate/_bootswatch.scss +0 -4
- data/app/assets/stylesheets/bootswatch/slate/_variables.scss +291 -186
- data/app/assets/stylesheets/bootswatch/solar/_bootswatch.scss +45 -0
- data/app/assets/stylesheets/bootswatch/solar/_variables.scss +961 -0
- data/app/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +4 -8
- data/app/assets/stylesheets/bootswatch/spacelab/_variables.scss +304 -198
- data/app/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +0 -4
- data/app/assets/stylesheets/bootswatch/superhero/_variables.scss +292 -187
- data/app/assets/stylesheets/bootswatch/united/_bootswatch.scss +0 -4
- data/app/assets/stylesheets/bootswatch/united/_variables.scss +310 -204
- data/app/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +2 -2
- data/app/assets/stylesheets/bootswatch/yeti/_variables.scss +305 -199
- data/bootswatch.gemspec +1 -1
- data/lib/bootswatch/version.rb +1 -1
- metadata +5 -3
|
@@ -15,10 +15,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Montserrat" !default;
|
|
|
15
15
|
background-color: $btn-secondary-bg !important;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.bg-faded {
|
|
19
|
-
background-color: #CCE8E0;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
18
|
// Buttons =====================================================================
|
|
23
19
|
|
|
24
20
|
.btn {
|
|
@@ -55,7 +51,7 @@ legend {
|
|
|
55
51
|
|
|
56
52
|
.breadcrumb {
|
|
57
53
|
a {
|
|
58
|
-
color: $navbar-
|
|
54
|
+
color: $navbar-inverse-color;
|
|
59
55
|
}
|
|
60
56
|
|
|
61
57
|
a:hover {
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
+
|
|
6
7
|
// Table of Contents
|
|
7
8
|
//
|
|
8
9
|
// Colors
|
|
@@ -15,6 +16,30 @@
|
|
|
15
16
|
// Grid columns
|
|
16
17
|
// Fonts
|
|
17
18
|
// Components
|
|
19
|
+
// Tables
|
|
20
|
+
// Buttons
|
|
21
|
+
// Forms
|
|
22
|
+
// Dropdowns
|
|
23
|
+
// Z-index master list
|
|
24
|
+
// Navbar
|
|
25
|
+
// Navs
|
|
26
|
+
// Pagination
|
|
27
|
+
// Jumbotron
|
|
28
|
+
// Form states and alerts
|
|
29
|
+
// Cards
|
|
30
|
+
// Tooltips
|
|
31
|
+
// Popovers
|
|
32
|
+
// Badges
|
|
33
|
+
// Modals
|
|
34
|
+
// Alerts
|
|
35
|
+
// Progress bars
|
|
36
|
+
// List group
|
|
37
|
+
// Image thumbnails
|
|
38
|
+
// Figures
|
|
39
|
+
// Breadcrumbs
|
|
40
|
+
// Carousel
|
|
41
|
+
// Close
|
|
42
|
+
// Code
|
|
18
43
|
|
|
19
44
|
@mixin _assert-ascending($map, $map-name) {
|
|
20
45
|
$prev-key: null;
|
|
@@ -32,6 +57,31 @@
|
|
|
32
57
|
}
|
|
33
58
|
}
|
|
34
59
|
|
|
60
|
+
// Replace `$search` with `$replace` in `$string`
|
|
61
|
+
// @author Hugo Giraudel
|
|
62
|
+
// @param {String} $string - Initial string
|
|
63
|
+
// @param {String} $search - Substring to replace
|
|
64
|
+
// @param {String} $replace ('') - New value
|
|
65
|
+
// @return {String} - Updated string
|
|
66
|
+
@function str-replace($string, $search, $replace: "") {
|
|
67
|
+
$index: str-index($string, $search);
|
|
68
|
+
|
|
69
|
+
@if $index {
|
|
70
|
+
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@return $string;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@mixin _assert-starts-at-zero($map) {
|
|
77
|
+
$values: map-values($map);
|
|
78
|
+
$first-value: nth($values, 1);
|
|
79
|
+
@if $first-value != 0 {
|
|
80
|
+
@warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
|
|
35
85
|
// General variable structure
|
|
36
86
|
//
|
|
37
87
|
// Variable format should follow the `$component-modifier-state-property` order.
|
|
@@ -41,12 +91,26 @@
|
|
|
41
91
|
//
|
|
42
92
|
// Grayscale and brand colors for use across Bootstrap.
|
|
43
93
|
|
|
94
|
+
// Start with assigning color names to specific hex values.
|
|
95
|
+
$white: #fff !default;
|
|
96
|
+
$black: #000 !default;
|
|
97
|
+
$red: #d9534f !default;
|
|
98
|
+
$orange: #f0ad4e !default;
|
|
99
|
+
$yellow: #ffd500 !default;
|
|
100
|
+
$green: #5cb85c !default;
|
|
101
|
+
$blue: #0275d8 !default;
|
|
102
|
+
$teal: #5bc0de !default;
|
|
103
|
+
$pink: #ff5b77 !default;
|
|
104
|
+
$purple: #613d7c !default;
|
|
105
|
+
|
|
106
|
+
// Create grayscale
|
|
44
107
|
$gray-dark: #5a5a5a;
|
|
45
108
|
$gray: #888;
|
|
46
109
|
$gray-light: #aaa;
|
|
47
110
|
$gray-lighter: #eceeef !default;
|
|
48
111
|
$gray-lightest: #f7f7f9 !default;
|
|
49
112
|
|
|
113
|
+
// Reassign color vars to semantic color scheme
|
|
50
114
|
$brand-primary: #78C2AD;
|
|
51
115
|
$brand-success: #56CC9D;
|
|
52
116
|
$brand-info: #6CC3D5;
|
|
@@ -59,11 +123,10 @@ $brand-inverse: $gray-dark !default;
|
|
|
59
123
|
//
|
|
60
124
|
// Quickly modify global styling by enabling or disabling optional features.
|
|
61
125
|
|
|
62
|
-
$enable-flex: false !default;
|
|
63
126
|
$enable-rounded: true !default;
|
|
64
127
|
$enable-shadows: false !default;
|
|
65
128
|
$enable-gradients: false !default;
|
|
66
|
-
$enable-transitions:
|
|
129
|
+
$enable-transitions: true !default;
|
|
67
130
|
$enable-hover-media-query: false !default;
|
|
68
131
|
$enable-grid-classes: true !default;
|
|
69
132
|
$enable-print-styles: true !default;
|
|
@@ -84,27 +147,44 @@ $spacers: (
|
|
|
84
147
|
y: 0
|
|
85
148
|
),
|
|
86
149
|
1: (
|
|
150
|
+
x: ($spacer-x * .25),
|
|
151
|
+
y: ($spacer-y * .25)
|
|
152
|
+
),
|
|
153
|
+
2: (
|
|
154
|
+
x: ($spacer-x * .5),
|
|
155
|
+
y: ($spacer-y * .5)
|
|
156
|
+
),
|
|
157
|
+
3: (
|
|
87
158
|
x: $spacer-x,
|
|
88
159
|
y: $spacer-y
|
|
89
160
|
),
|
|
90
|
-
|
|
161
|
+
4: (
|
|
91
162
|
x: ($spacer-x * 1.5),
|
|
92
163
|
y: ($spacer-y * 1.5)
|
|
93
164
|
),
|
|
94
|
-
|
|
165
|
+
5: (
|
|
95
166
|
x: ($spacer-x * 3),
|
|
96
167
|
y: ($spacer-y * 3)
|
|
97
168
|
)
|
|
98
169
|
) !default;
|
|
99
170
|
$border-width: 1px !default;
|
|
100
171
|
|
|
172
|
+
// This variable affects the `.h-*` and `.w-*` classes.
|
|
173
|
+
$sizes: (
|
|
174
|
+
25: 25%,
|
|
175
|
+
50: 50%,
|
|
176
|
+
75: 75%,
|
|
177
|
+
100: 100%
|
|
178
|
+
) !default;
|
|
101
179
|
|
|
102
180
|
// Body
|
|
103
181
|
//
|
|
104
182
|
// Settings for the `<body>` element.
|
|
105
183
|
|
|
106
|
-
$body-bg:
|
|
107
|
-
$body-color:
|
|
184
|
+
$body-bg: #fff;
|
|
185
|
+
$body-color: $gray;
|
|
186
|
+
$inverse-bg: $gray-dark !default;
|
|
187
|
+
$inverse-color: $gray-lighter !default;
|
|
108
188
|
|
|
109
189
|
|
|
110
190
|
// Links
|
|
@@ -130,6 +210,7 @@ $grid-breakpoints: (
|
|
|
130
210
|
xl: 1200px
|
|
131
211
|
) !default;
|
|
132
212
|
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
|
|
213
|
+
@include _assert-starts-at-zero($grid-breakpoints);
|
|
133
214
|
|
|
134
215
|
|
|
135
216
|
// Grid containers
|
|
@@ -159,23 +240,24 @@ $grid-gutter-widths: (
|
|
|
159
240
|
xl: $grid-gutter-width-base
|
|
160
241
|
) !default;
|
|
161
242
|
|
|
162
|
-
//
|
|
243
|
+
// Fonts
|
|
163
244
|
//
|
|
164
245
|
// Font, line-height, and color for body text, headings, and more.
|
|
165
246
|
|
|
166
|
-
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
|
247
|
+
$font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
|
167
248
|
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
|
168
249
|
$font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
|
169
250
|
$font-family-base: $font-family-sans-serif !default;
|
|
170
251
|
|
|
171
|
-
// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
|
|
172
|
-
$font-size-root: 16px !default;
|
|
173
|
-
|
|
174
252
|
$font-size-base: 1rem !default;
|
|
175
253
|
$font-size-lg: 1.25rem !default;
|
|
176
254
|
$font-size-sm: .875rem !default;
|
|
177
255
|
$font-size-xs: .75rem !default;
|
|
178
256
|
|
|
257
|
+
$font-weight-normal: normal !default;
|
|
258
|
+
$font-weight-bold: bold !default;
|
|
259
|
+
|
|
260
|
+
$font-weight-base: $font-weight-normal !default;
|
|
179
261
|
$line-height-base: 1.5 !default;
|
|
180
262
|
|
|
181
263
|
$font-size-h1: 2.5rem !default;
|
|
@@ -185,21 +267,22 @@ $font-size-h4: 1.5rem !default;
|
|
|
185
267
|
$font-size-h5: 1.25rem !default;
|
|
186
268
|
$font-size-h6: 1rem !default;
|
|
187
269
|
|
|
270
|
+
$headings-margin-bottom: ($spacer / 2) !default;
|
|
271
|
+
$headings-font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
272
|
+
$headings-font-weight: 500 !default;
|
|
273
|
+
$headings-line-height: 1.1 !default;
|
|
274
|
+
$headings-color: $gray-dark;
|
|
275
|
+
|
|
188
276
|
$display1-size: 6rem !default;
|
|
189
277
|
$display2-size: 5.5rem !default;
|
|
190
278
|
$display3-size: 4.5rem !default;
|
|
191
279
|
$display4-size: 3.5rem !default;
|
|
192
280
|
|
|
193
|
-
$display1-weight:
|
|
194
|
-
$display2-weight:
|
|
195
|
-
$display3-weight:
|
|
196
|
-
$display4-weight:
|
|
197
|
-
|
|
198
|
-
$headings-margin-bottom: ($spacer / 2) !default;
|
|
199
|
-
$headings-font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
200
|
-
$headings-font-weight: 500 !default;
|
|
201
|
-
$headings-line-height: 1.1 !default;
|
|
202
|
-
$headings-color: $gray-dark;
|
|
281
|
+
$display1-weight: 300 !default;
|
|
282
|
+
$display2-weight: 300 !default;
|
|
283
|
+
$display3-weight: 300 !default;
|
|
284
|
+
$display4-weight: 300 !default;
|
|
285
|
+
$display-line-height: $headings-line-height !default;
|
|
203
286
|
|
|
204
287
|
$lead-font-size: 1.25rem !default;
|
|
205
288
|
$lead-font-weight: 300 !default;
|
|
@@ -215,15 +298,15 @@ $blockquote-font-size: ($font-size-base * 1.25) !default;
|
|
|
215
298
|
$blockquote-border-color: #CCE8E0;
|
|
216
299
|
$blockquote-border-width: .4rem;
|
|
217
300
|
|
|
218
|
-
$hr-border-color: rgba(
|
|
301
|
+
$hr-border-color: rgba($black,.1) !default;
|
|
219
302
|
$hr-border-width: $border-width !default;
|
|
220
303
|
|
|
221
304
|
$mark-padding: .2em !default;
|
|
222
305
|
|
|
223
|
-
$dt-font-weight: bold !default;
|
|
306
|
+
$dt-font-weight: $font-weight-bold !default;
|
|
224
307
|
|
|
225
|
-
$kbd-box-shadow: inset 0 -.1rem 0 rgba(
|
|
226
|
-
$nested-kbd-font-weight: bold !default;
|
|
308
|
+
$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;
|
|
309
|
+
$nested-kbd-font-weight: $font-weight-bold !default;
|
|
227
310
|
|
|
228
311
|
$list-inline-padding: 5px !default;
|
|
229
312
|
|
|
@@ -239,11 +322,14 @@ $border-radius: .4rem;
|
|
|
239
322
|
$border-radius-lg: .6rem;
|
|
240
323
|
$border-radius-sm: .3rem;
|
|
241
324
|
|
|
242
|
-
$component-active-color:
|
|
325
|
+
$component-active-color: $white !default;
|
|
243
326
|
$component-active-bg: $brand-primary !default;
|
|
244
327
|
|
|
245
328
|
$caret-width: .3em !default;
|
|
246
|
-
|
|
329
|
+
|
|
330
|
+
$transition-base: all .2s ease-in-out !default;
|
|
331
|
+
$transition-fade: opacity .15s linear !default;
|
|
332
|
+
$transition-collapse: height .35s ease !default;
|
|
247
333
|
|
|
248
334
|
|
|
249
335
|
// Tables
|
|
@@ -254,10 +340,17 @@ $table-cell-padding: .75rem !default;
|
|
|
254
340
|
$table-sm-cell-padding: .3rem !default;
|
|
255
341
|
|
|
256
342
|
$table-bg: transparent !default;
|
|
257
|
-
|
|
258
|
-
$table-bg-
|
|
343
|
+
|
|
344
|
+
$table-inverse-bg: $gray-dark !default;
|
|
345
|
+
$table-inverse-color: $body-bg !default;
|
|
346
|
+
|
|
347
|
+
$table-bg-accent: rgba($black,.05) !default;
|
|
348
|
+
$table-bg-hover: rgba($black,.075) !default;
|
|
259
349
|
$table-bg-active: $table-bg-hover !default;
|
|
260
350
|
|
|
351
|
+
$table-head-bg: $gray-lighter !default;
|
|
352
|
+
$table-head-color: $gray !default;
|
|
353
|
+
|
|
261
354
|
$table-border-width: $border-width !default;
|
|
262
355
|
$table-border-color: rgba(0,0,0,0.05);
|
|
263
356
|
|
|
@@ -269,11 +362,12 @@ $table-border-color: rgba(0,0,0,0.05);
|
|
|
269
362
|
$btn-padding-x: 1rem !default;
|
|
270
363
|
$btn-padding-y: .5rem !default;
|
|
271
364
|
$btn-line-height: 1.25 !default;
|
|
272
|
-
$btn-font-weight: normal !default;
|
|
273
|
-
$btn-box-shadow: inset 0 1px 0 rgba(
|
|
274
|
-
$btn-
|
|
365
|
+
$btn-font-weight: $font-weight-normal !default;
|
|
366
|
+
$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
|
|
367
|
+
$btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;
|
|
368
|
+
$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
|
|
275
369
|
|
|
276
|
-
$btn-primary-color:
|
|
370
|
+
$btn-primary-color: $white !default;
|
|
277
371
|
$btn-primary-bg: $brand-primary !default;
|
|
278
372
|
$btn-primary-border: $btn-primary-bg !default;
|
|
279
373
|
|
|
@@ -281,19 +375,19 @@ $btn-secondary-color: #fff;
|
|
|
281
375
|
$btn-secondary-bg: #F3969A;
|
|
282
376
|
$btn-secondary-border: $btn-secondary-bg;
|
|
283
377
|
|
|
284
|
-
$btn-info-color:
|
|
378
|
+
$btn-info-color: $white !default;
|
|
285
379
|
$btn-info-bg: $brand-info !default;
|
|
286
380
|
$btn-info-border: $btn-info-bg !default;
|
|
287
381
|
|
|
288
|
-
$btn-success-color:
|
|
382
|
+
$btn-success-color: $white !default;
|
|
289
383
|
$btn-success-bg: $brand-success !default;
|
|
290
384
|
$btn-success-border: $btn-success-bg !default;
|
|
291
385
|
|
|
292
|
-
$btn-warning-color:
|
|
386
|
+
$btn-warning-color: $white !default;
|
|
293
387
|
$btn-warning-bg: $brand-warning !default;
|
|
294
388
|
$btn-warning-border: $btn-warning-bg !default;
|
|
295
389
|
|
|
296
|
-
$btn-danger-color:
|
|
390
|
+
$btn-danger-color: $white !default;
|
|
297
391
|
$btn-danger-bg: $brand-danger !default;
|
|
298
392
|
$btn-danger-border: $btn-danger-bg !default;
|
|
299
393
|
|
|
@@ -313,6 +407,8 @@ $btn-border-radius: $border-radius !default;
|
|
|
313
407
|
$btn-border-radius-lg: $border-radius-lg !default;
|
|
314
408
|
$btn-border-radius-sm: $border-radius-sm !default;
|
|
315
409
|
|
|
410
|
+
$btn-transition: all .2s ease-in-out !default;
|
|
411
|
+
|
|
316
412
|
|
|
317
413
|
// Forms
|
|
318
414
|
|
|
@@ -320,24 +416,24 @@ $input-padding-x: .75rem !default;
|
|
|
320
416
|
$input-padding-y: .5rem !default;
|
|
321
417
|
$input-line-height: 1.25 !default;
|
|
322
418
|
|
|
323
|
-
$input-bg:
|
|
419
|
+
$input-bg: $white !default;
|
|
324
420
|
$input-bg-disabled: $gray-lighter !default;
|
|
325
421
|
|
|
326
422
|
$input-color: $gray !default;
|
|
327
|
-
$input-border-color: rgba(
|
|
423
|
+
$input-border-color: rgba($black,.15) !default;
|
|
328
424
|
$input-btn-border-width: $border-width !default; // For form controls and buttons
|
|
329
|
-
$input-box-shadow: inset 0 1px 1px rgba(
|
|
425
|
+
$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
|
|
330
426
|
|
|
331
427
|
$input-border-radius: $border-radius !default;
|
|
332
428
|
$input-border-radius-lg: $border-radius-lg !default;
|
|
333
429
|
$input-border-radius-sm: $border-radius-sm !default;
|
|
334
430
|
|
|
335
431
|
$input-bg-focus: $input-bg !default;
|
|
336
|
-
$input-border-focus:
|
|
337
|
-
$input-box-shadow-focus: $input-box-shadow,
|
|
432
|
+
$input-border-focus: lighten($brand-primary, 25%) !default;
|
|
433
|
+
$input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;
|
|
338
434
|
$input-color-focus: $input-color !default;
|
|
339
435
|
|
|
340
|
-
$input-color-placeholder:
|
|
436
|
+
$input-color-placeholder: $gray-light !default;
|
|
341
437
|
|
|
342
438
|
$input-padding-x-sm: .5rem !default;
|
|
343
439
|
$input-padding-y-sm: .25rem !default;
|
|
@@ -345,10 +441,22 @@ $input-padding-y-sm: .25rem !default;
|
|
|
345
441
|
$input-padding-x-lg: 1.5rem !default;
|
|
346
442
|
$input-padding-y-lg: .75rem !default;
|
|
347
443
|
|
|
348
|
-
$input-height: (($font-size-base * $line-height
|
|
444
|
+
$input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
|
|
349
445
|
$input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
|
|
350
446
|
$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
|
|
351
447
|
|
|
448
|
+
$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
|
|
449
|
+
|
|
450
|
+
$form-text-margin-top: .25rem !default;
|
|
451
|
+
$form-feedback-margin-top: $form-text-margin-top !default;
|
|
452
|
+
|
|
453
|
+
$form-check-margin-bottom: .5rem !default;
|
|
454
|
+
$form-check-input-gutter: 1.25rem !default;
|
|
455
|
+
$form-check-input-margin-y: .25rem !default;
|
|
456
|
+
$form-check-input-margin-x: .25rem !default;
|
|
457
|
+
|
|
458
|
+
$form-check-inline-margin-x: .75rem !default;
|
|
459
|
+
|
|
352
460
|
$form-group-margin-bottom: $spacer-y !default;
|
|
353
461
|
|
|
354
462
|
$input-group-addon-bg: $gray-lighter !default;
|
|
@@ -361,70 +469,72 @@ $custom-control-spacer-x: 1rem !default;
|
|
|
361
469
|
$custom-control-spacer-y: .25rem !default;
|
|
362
470
|
|
|
363
471
|
$custom-control-indicator-size: 1rem !default;
|
|
472
|
+
$custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
|
|
364
473
|
$custom-control-indicator-bg: #ddd !default;
|
|
365
474
|
$custom-control-indicator-bg-size: 50% 50% !default;
|
|
366
|
-
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba(
|
|
475
|
+
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
|
|
367
476
|
|
|
368
477
|
$custom-control-disabled-cursor: $cursor-disabled !default;
|
|
369
|
-
$custom-control-disabled-indicator-bg:
|
|
370
|
-
$custom-control-disabled-description-color:
|
|
478
|
+
$custom-control-disabled-indicator-bg: $gray-lighter !default;
|
|
479
|
+
$custom-control-disabled-description-color: $gray-light !default;
|
|
371
480
|
|
|
372
|
-
$custom-control-checked-indicator-color:
|
|
373
|
-
$custom-control-checked-indicator-bg:
|
|
481
|
+
$custom-control-checked-indicator-color: $white !default;
|
|
482
|
+
$custom-control-checked-indicator-bg: $brand-primary !default;
|
|
374
483
|
$custom-control-checked-indicator-box-shadow: none !default;
|
|
375
484
|
|
|
376
|
-
$custom-control-focus-indicator-box-shadow: 0 0 0
|
|
485
|
+
$custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;
|
|
377
486
|
|
|
378
|
-
$custom-control-active-indicator-color:
|
|
379
|
-
$custom-control-active-indicator-bg:
|
|
487
|
+
$custom-control-active-indicator-color: $white !default;
|
|
488
|
+
$custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;
|
|
380
489
|
$custom-control-active-indicator-box-shadow: none !default;
|
|
381
490
|
|
|
382
491
|
$custom-checkbox-radius: $border-radius !default;
|
|
383
|
-
$custom-checkbox-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !default;
|
|
492
|
+
$custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
384
493
|
|
|
385
|
-
$custom-checkbox-indeterminate-bg:
|
|
494
|
+
$custom-checkbox-indeterminate-bg: $brand-primary !default;
|
|
386
495
|
$custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
|
|
387
|
-
$custom-checkbox-indeterminate-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E") !default;
|
|
496
|
+
$custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
388
497
|
$custom-checkbox-indeterminate-box-shadow: none !default;
|
|
389
498
|
|
|
390
499
|
$custom-radio-radius: 50% !default;
|
|
391
|
-
$custom-radio-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E") !default;
|
|
500
|
+
$custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
392
501
|
|
|
393
502
|
$custom-select-padding-x: .75rem !default;
|
|
394
503
|
$custom-select-padding-y: .375rem !default;
|
|
395
|
-
$custom-select-indicator-padding:
|
|
396
|
-
$custom-select-
|
|
397
|
-
$custom-select-
|
|
398
|
-
$custom-select-
|
|
504
|
+
$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
|
|
505
|
+
$custom-select-line-height: $input-line-height !default;
|
|
506
|
+
$custom-select-color: $input-color !default;
|
|
507
|
+
$custom-select-disabled-color: $gray-light !default;
|
|
508
|
+
$custom-select-bg: $white !default;
|
|
399
509
|
$custom-select-disabled-bg: $gray-lighter !default;
|
|
400
510
|
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
|
401
511
|
$custom-select-indicator-color: #333 !default;
|
|
402
|
-
$custom-select-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !default;
|
|
512
|
+
$custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
403
513
|
$custom-select-border-width: $input-btn-border-width !default;
|
|
404
514
|
$custom-select-border-color: $input-border-color !default;
|
|
405
515
|
$custom-select-border-radius: $border-radius !default;
|
|
406
516
|
|
|
407
|
-
$custom-select-focus-border-color:
|
|
408
|
-
$custom-select-focus-box-shadow: inset 0 1px 2px rgba(
|
|
517
|
+
$custom-select-focus-border-color: lighten($brand-primary, 25%) !default;
|
|
518
|
+
$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
|
|
409
519
|
|
|
410
|
-
$custom-select-sm-padding-y:
|
|
411
|
-
$custom-select-sm-font-size:
|
|
520
|
+
$custom-select-sm-padding-y: .2rem !default;
|
|
521
|
+
$custom-select-sm-font-size: 75% !default;
|
|
412
522
|
|
|
413
523
|
$custom-file-height: 2.5rem !default;
|
|
414
524
|
$custom-file-width: 14rem !default;
|
|
415
|
-
$custom-file-focus-box-shadow: 0 0 0 .075rem
|
|
525
|
+
$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;
|
|
416
526
|
|
|
417
527
|
$custom-file-padding-x: .5rem !default;
|
|
418
528
|
$custom-file-padding-y: 1rem !default;
|
|
419
529
|
$custom-file-line-height: 1.5 !default;
|
|
420
|
-
$custom-file-color:
|
|
421
|
-
$custom-file-bg:
|
|
530
|
+
$custom-file-color: $gray !default;
|
|
531
|
+
$custom-file-bg: $white !default;
|
|
422
532
|
$custom-file-border-width: $border-width !default;
|
|
423
|
-
$custom-file-border-color:
|
|
533
|
+
$custom-file-border-color: $input-border-color !default;
|
|
424
534
|
$custom-file-border-radius: $border-radius !default;
|
|
425
|
-
$custom-file-box-shadow: inset 0 .2rem .4rem rgba(
|
|
535
|
+
$custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;
|
|
426
536
|
$custom-file-button-color: $custom-file-color !default;
|
|
427
|
-
$custom-file-button-bg:
|
|
537
|
+
$custom-file-button-bg: $gray-lighter !default;
|
|
428
538
|
$custom-file-text: (
|
|
429
539
|
placeholder: (
|
|
430
540
|
en: "Choose file..."
|
|
@@ -437,13 +547,13 @@ $custom-file-text: (
|
|
|
437
547
|
|
|
438
548
|
// Form validation icons
|
|
439
549
|
$form-icon-success-color: $brand-success !default;
|
|
440
|
-
$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") !default;
|
|
550
|
+
$form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
441
551
|
|
|
442
552
|
$form-icon-warning-color: $brand-warning !default;
|
|
443
|
-
$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E") !default;
|
|
553
|
+
$form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
444
554
|
|
|
445
555
|
$form-icon-danger-color: $brand-danger !default;
|
|
446
|
-
$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
|
|
556
|
+
$form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
447
557
|
|
|
448
558
|
|
|
449
559
|
// Dropdowns
|
|
@@ -453,11 +563,11 @@ $form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www
|
|
|
453
563
|
$dropdown-min-width: 10rem !default;
|
|
454
564
|
$dropdown-padding-y: .5rem !default;
|
|
455
565
|
$dropdown-margin-top: .125rem !default;
|
|
456
|
-
$dropdown-bg:
|
|
457
|
-
$dropdown-border-color: rgba(
|
|
566
|
+
$dropdown-bg: $white !default;
|
|
567
|
+
$dropdown-border-color: rgba($black,.15) !default;
|
|
458
568
|
$dropdown-border-width: $border-width !default;
|
|
459
|
-
$dropdown-divider-bg:
|
|
460
|
-
$dropdown-box-shadow: 0 .5rem 1rem rgba(
|
|
569
|
+
$dropdown-divider-bg: $gray-lighter !default;
|
|
570
|
+
$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
|
|
461
571
|
|
|
462
572
|
$dropdown-link-color: $gray-dark !default;
|
|
463
573
|
$dropdown-link-hover-color: #fff;
|
|
@@ -479,14 +589,14 @@ $dropdown-header-color: $gray-light !default;
|
|
|
479
589
|
// of components dependent on the z-axis and are designed to all work together.
|
|
480
590
|
|
|
481
591
|
$zindex-dropdown-backdrop: 990 !default;
|
|
482
|
-
$zindex-navbar:
|
|
483
|
-
$zindex-dropdown:
|
|
484
|
-
$zindex-
|
|
485
|
-
$zindex-
|
|
486
|
-
$zindex-
|
|
487
|
-
$zindex-
|
|
488
|
-
$zindex-
|
|
489
|
-
$zindex-
|
|
592
|
+
$zindex-navbar: 1000 !default;
|
|
593
|
+
$zindex-dropdown: 1000 !default;
|
|
594
|
+
$zindex-fixed: 1030 !default;
|
|
595
|
+
$zindex-sticky: 1030 !default;
|
|
596
|
+
$zindex-modal-backdrop: 1040 !default;
|
|
597
|
+
$zindex-modal: 1050 !default;
|
|
598
|
+
$zindex-popover: 1060 !default;
|
|
599
|
+
$zindex-tooltip: 1070 !default;
|
|
490
600
|
|
|
491
601
|
|
|
492
602
|
// Navbar
|
|
@@ -497,28 +607,24 @@ $navbar-padding-y: ($spacer / 2) !default;
|
|
|
497
607
|
|
|
498
608
|
$navbar-brand-padding-y: .25rem !default;
|
|
499
609
|
|
|
500
|
-
$navbar-divider-padding-y: .425rem !default;
|
|
501
|
-
|
|
502
610
|
$navbar-toggler-padding-x: .75rem !default;
|
|
503
|
-
$navbar-toggler-padding-y: .
|
|
611
|
+
$navbar-toggler-padding-y: .25rem !default;
|
|
504
612
|
$navbar-toggler-font-size: $font-size-lg !default;
|
|
505
613
|
$navbar-toggler-border-radius: $btn-border-radius !default;
|
|
506
|
-
$navbar-toggler-padding-x: .75rem !default;
|
|
507
|
-
$navbar-toggler-padding-y: .5rem !default;
|
|
508
614
|
|
|
509
|
-
$navbar-
|
|
510
|
-
$navbar-
|
|
511
|
-
$navbar-
|
|
512
|
-
$navbar-
|
|
513
|
-
$navbar-
|
|
514
|
-
$navbar-
|
|
615
|
+
$navbar-inverse-color: rgba(255,255,255,.6);
|
|
616
|
+
$navbar-inverse-hover-color: rgba(255,255,255,1) !default;
|
|
617
|
+
$navbar-inverse-active-color: rgba(255,255,255,1) !default;
|
|
618
|
+
$navbar-inverse-disabled-color: rgba(255,255,255,.25) !default;
|
|
619
|
+
$navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
620
|
+
$navbar-inverse-toggler-border: rgba($white,.1) !default;
|
|
515
621
|
|
|
516
622
|
$navbar-light-color: rgba(0,0,0,.3);
|
|
517
623
|
$navbar-light-hover-color: $headings-color;
|
|
518
624
|
$navbar-light-active-color: $headings-color;
|
|
519
625
|
$navbar-light-disabled-color: rgba(0,0,0,.1) !default;
|
|
520
|
-
$navbar-light-toggler-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !default;
|
|
521
|
-
$navbar-light-toggler-border: rgba(
|
|
626
|
+
$navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
627
|
+
$navbar-light-toggler-border: rgba($black,.1) !default;
|
|
522
628
|
|
|
523
629
|
// Navs
|
|
524
630
|
|
|
@@ -527,8 +633,6 @@ $nav-item-inline-spacer: 1rem !default;
|
|
|
527
633
|
$nav-link-padding: .5em 1em !default;
|
|
528
634
|
$nav-link-hover-bg: $gray-lighter !default;
|
|
529
635
|
$nav-disabled-link-color: $gray-light !default;
|
|
530
|
-
$nav-disabled-link-hover-color: $gray-light !default;
|
|
531
|
-
$nav-disabled-link-hover-bg: transparent !default;
|
|
532
636
|
|
|
533
637
|
$nav-tabs-border-color: #ddd !default;
|
|
534
638
|
$nav-tabs-border-width: $border-width !default;
|
|
@@ -549,11 +653,11 @@ $nav-pills-active-link-bg: $component-active-bg !default;
|
|
|
549
653
|
|
|
550
654
|
$pagination-padding-x: .75rem !default;
|
|
551
655
|
$pagination-padding-y: .5rem !default;
|
|
552
|
-
$pagination-padding-x-sm: .
|
|
553
|
-
$pagination-padding-y-sm: .
|
|
656
|
+
$pagination-padding-x-sm: .5rem !default;
|
|
657
|
+
$pagination-padding-y-sm: .25rem !default;
|
|
554
658
|
$pagination-padding-x-lg: 1.5rem !default;
|
|
555
659
|
$pagination-padding-y-lg: .75rem !default;
|
|
556
|
-
|
|
660
|
+
$pagination-line-height: 1.25 !default;
|
|
557
661
|
|
|
558
662
|
$pagination-color: #fff;
|
|
559
663
|
$pagination-bg: $brand-primary;
|
|
@@ -564,7 +668,7 @@ $pagination-hover-color: #fff;
|
|
|
564
668
|
$pagination-hover-bg: #F3969A;
|
|
565
669
|
$pagination-hover-border: $pagination-hover-bg;
|
|
566
670
|
|
|
567
|
-
$pagination-active-color:
|
|
671
|
+
$pagination-active-color: $white !default;
|
|
568
672
|
$pagination-active-bg: #F3969A;
|
|
569
673
|
$pagination-active-border: $pagination-active-bg;
|
|
570
674
|
|
|
@@ -602,29 +706,32 @@ $state-danger-border: $state-danger-bg;
|
|
|
602
706
|
|
|
603
707
|
|
|
604
708
|
// Cards
|
|
709
|
+
|
|
605
710
|
$card-spacer-x: 1.25rem !default;
|
|
606
711
|
$card-spacer-y: .75rem !default;
|
|
607
712
|
$card-border-width: 1px !default;
|
|
608
713
|
$card-border-radius: $border-radius !default;
|
|
609
|
-
$card-border-color: rgba(
|
|
714
|
+
$card-border-color: rgba($black,.125) !default;
|
|
610
715
|
$card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
|
611
|
-
$card-cap-bg:
|
|
612
|
-
$card-bg:
|
|
716
|
+
$card-cap-bg: $gray-lightest !default;
|
|
717
|
+
$card-bg: $white !default;
|
|
613
718
|
|
|
614
|
-
$card-link-hover-color:
|
|
719
|
+
$card-link-hover-color: $white !default;
|
|
615
720
|
|
|
616
721
|
$card-img-overlay-padding: 1.25rem !default;
|
|
617
722
|
|
|
618
|
-
$card-deck-margin:
|
|
723
|
+
$card-deck-margin: ($grid-gutter-width-base / 2) !default;
|
|
619
724
|
|
|
620
|
-
$card-columns-
|
|
725
|
+
$card-columns-count: 3 !default;
|
|
726
|
+
$card-columns-gap: 1.25rem !default;
|
|
727
|
+
$card-columns-margin: $card-spacer-y !default;
|
|
621
728
|
|
|
622
729
|
|
|
623
730
|
// Tooltips
|
|
624
731
|
|
|
625
732
|
$tooltip-max-width: 200px !default;
|
|
626
|
-
$tooltip-color:
|
|
627
|
-
$tooltip-bg:
|
|
733
|
+
$tooltip-color: $white !default;
|
|
734
|
+
$tooltip-bg: $black !default;
|
|
628
735
|
$tooltip-opacity: .9 !default;
|
|
629
736
|
$tooltip-padding-y: 3px !default;
|
|
630
737
|
$tooltip-padding-x: 8px !default;
|
|
@@ -637,11 +744,11 @@ $tooltip-arrow-color: $tooltip-bg !default;
|
|
|
637
744
|
// Popovers
|
|
638
745
|
|
|
639
746
|
$popover-inner-padding: 1px !default;
|
|
640
|
-
$popover-bg:
|
|
747
|
+
$popover-bg: $white !default;
|
|
641
748
|
$popover-max-width: 276px !default;
|
|
642
749
|
$popover-border-width: $border-width !default;
|
|
643
|
-
$popover-border-color: rgba(
|
|
644
|
-
$popover-box-shadow: 0 5px 10px rgba(
|
|
750
|
+
$popover-border-color: rgba($black,.2) !default;
|
|
751
|
+
$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;
|
|
645
752
|
|
|
646
753
|
$popover-title-bg: darken($popover-bg, 3%) !default;
|
|
647
754
|
$popover-title-padding-x: 14px !default;
|
|
@@ -657,26 +764,27 @@ $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;
|
|
|
657
764
|
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
|
|
658
765
|
|
|
659
766
|
|
|
660
|
-
//
|
|
767
|
+
// Badges
|
|
661
768
|
|
|
662
|
-
$
|
|
663
|
-
$
|
|
664
|
-
$
|
|
665
|
-
$
|
|
666
|
-
$
|
|
667
|
-
$
|
|
769
|
+
$badge-default-bg: $gray-light !default;
|
|
770
|
+
$badge-primary-bg: $brand-primary !default;
|
|
771
|
+
$badge-success-bg: $brand-success !default;
|
|
772
|
+
$badge-info-bg: $brand-info !default;
|
|
773
|
+
$badge-warning-bg: $brand-warning !default;
|
|
774
|
+
$badge-danger-bg: $brand-danger !default;
|
|
668
775
|
|
|
669
|
-
$
|
|
670
|
-
$
|
|
671
|
-
$
|
|
672
|
-
$
|
|
673
|
-
$
|
|
674
|
-
$
|
|
776
|
+
$badge-color: $white !default;
|
|
777
|
+
$badge-link-hover-color: $white !default;
|
|
778
|
+
$badge-font-size: 75% !default;
|
|
779
|
+
$badge-font-weight: $font-weight-bold !default;
|
|
780
|
+
$badge-padding-x: .4em !default;
|
|
781
|
+
$badge-padding-y: .25em !default;
|
|
675
782
|
|
|
676
|
-
$
|
|
783
|
+
$badge-pill-padding-x: .6em !default;
|
|
677
784
|
// Use a higher than normal value to ensure completely rounded edges when
|
|
678
785
|
// customizing padding or font-size on labels.
|
|
679
|
-
$
|
|
786
|
+
$badge-pill-border-radius: 10rem !default;
|
|
787
|
+
|
|
680
788
|
|
|
681
789
|
// Modals
|
|
682
790
|
|
|
@@ -686,26 +794,28 @@ $modal-inner-padding: 15px !default;
|
|
|
686
794
|
$modal-dialog-margin: 10px !default;
|
|
687
795
|
$modal-dialog-sm-up-margin-y: 30px !default;
|
|
688
796
|
|
|
689
|
-
$modal-title-padding: 15px !default;
|
|
690
797
|
$modal-title-line-height: $line-height-base !default;
|
|
691
798
|
|
|
692
|
-
$modal-content-bg:
|
|
693
|
-
$modal-content-border-color: rgba(
|
|
799
|
+
$modal-content-bg: $white !default;
|
|
800
|
+
$modal-content-border-color: rgba($black,.2) !default;
|
|
694
801
|
$modal-content-border-width: $border-width !default;
|
|
695
|
-
$modal-content-xs-box-shadow: 0 3px 9px rgba(
|
|
696
|
-
$modal-content-sm-up-box-shadow: 0 5px 15px rgba(
|
|
802
|
+
$modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;
|
|
803
|
+
$modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;
|
|
697
804
|
|
|
698
|
-
$modal-backdrop-bg:
|
|
805
|
+
$modal-backdrop-bg: $black !default;
|
|
699
806
|
$modal-backdrop-opacity: .5 !default;
|
|
700
|
-
$modal-header-border-color:
|
|
807
|
+
$modal-header-border-color: $gray-lighter !default;
|
|
701
808
|
$modal-footer-border-color: $modal-header-border-color !default;
|
|
702
809
|
$modal-header-border-width: $modal-content-border-width !default;
|
|
703
810
|
$modal-footer-border-width: $modal-header-border-width !default;
|
|
811
|
+
$modal-header-padding: 15px !default;
|
|
704
812
|
|
|
705
|
-
$modal-lg:
|
|
706
|
-
$modal-md:
|
|
813
|
+
$modal-lg: 800px !default;
|
|
814
|
+
$modal-md: 500px !default;
|
|
707
815
|
$modal-sm: 300px !default;
|
|
708
816
|
|
|
817
|
+
$modal-transition: transform .3s ease-out !default;
|
|
818
|
+
|
|
709
819
|
|
|
710
820
|
// Alerts
|
|
711
821
|
//
|
|
@@ -713,8 +823,9 @@ $modal-sm: 300px !default;
|
|
|
713
823
|
|
|
714
824
|
$alert-padding-x: 1.25rem !default;
|
|
715
825
|
$alert-padding-y: .75rem !default;
|
|
826
|
+
$alert-margin-bottom: $spacer-y !default;
|
|
716
827
|
$alert-border-radius: $border-radius !default;
|
|
717
|
-
$alert-link-font-weight: bold !default;
|
|
828
|
+
$alert-link-font-weight: $font-weight-bold !default;
|
|
718
829
|
$alert-border-width: $border-width !default;
|
|
719
830
|
|
|
720
831
|
$alert-success-bg: $state-success-bg !default;
|
|
@@ -736,42 +847,42 @@ $alert-danger-border: $state-danger-border !default;
|
|
|
736
847
|
|
|
737
848
|
// Progress bars
|
|
738
849
|
|
|
739
|
-
$progress-
|
|
740
|
-
$progress-
|
|
741
|
-
$progress-
|
|
742
|
-
$progress-
|
|
743
|
-
|
|
744
|
-
$progress-bar-
|
|
745
|
-
$progress-bar-
|
|
746
|
-
$progress-bar-
|
|
747
|
-
$progress-bar-danger-bg: $brand-danger !default;
|
|
748
|
-
$progress-bar-info-bg: $brand-info !default;
|
|
749
|
-
|
|
850
|
+
$progress-height: 1rem !default;
|
|
851
|
+
$progress-font-size: .75rem !default;
|
|
852
|
+
$progress-bg: $gray-lighter !default;
|
|
853
|
+
$progress-border-radius: $border-radius !default;
|
|
854
|
+
$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;
|
|
855
|
+
$progress-bar-color: $white !default;
|
|
856
|
+
$progress-bar-bg: $brand-primary !default;
|
|
857
|
+
$progress-bar-animation-timing: 1s linear infinite !default;
|
|
750
858
|
|
|
751
859
|
// List group
|
|
752
860
|
|
|
753
|
-
$list-group-
|
|
754
|
-
$list-group-
|
|
755
|
-
$list-group-border-
|
|
756
|
-
$list-group-border-
|
|
861
|
+
$list-group-color: $body-color !default;
|
|
862
|
+
$list-group-bg: $white !default;
|
|
863
|
+
$list-group-border-color: rgba($black,.125) !default;
|
|
864
|
+
$list-group-border-width: $border-width !default;
|
|
865
|
+
$list-group-border-radius: $border-radius !default;
|
|
866
|
+
|
|
867
|
+
$list-group-item-padding-x: 1.25rem !default;
|
|
868
|
+
$list-group-item-padding-y: .75rem !default;
|
|
757
869
|
|
|
758
|
-
$list-group-hover-bg:
|
|
759
|
-
$list-group-active-color:
|
|
760
|
-
$list-group-active-bg:
|
|
761
|
-
$list-group-active-border:
|
|
762
|
-
$list-group-active-text-color:
|
|
870
|
+
$list-group-hover-bg: $gray-lightest !default;
|
|
871
|
+
$list-group-active-color: $component-active-color !default;
|
|
872
|
+
$list-group-active-bg: $component-active-bg !default;
|
|
873
|
+
$list-group-active-border: $list-group-active-bg !default;
|
|
874
|
+
$list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;
|
|
763
875
|
|
|
764
876
|
$list-group-disabled-color: $gray-light !default;
|
|
765
877
|
$list-group-disabled-bg: $gray-lightest;
|
|
766
878
|
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
|
767
879
|
|
|
768
|
-
$list-group-link-color:
|
|
769
|
-
$list-group-link-
|
|
770
|
-
$list-group-link-
|
|
880
|
+
$list-group-link-color: $gray !default;
|
|
881
|
+
$list-group-link-heading-color: $gray-dark !default;
|
|
882
|
+
$list-group-link-hover-color: $list-group-link-color !default;
|
|
771
883
|
|
|
772
|
-
$list-group-
|
|
773
|
-
$list-group-
|
|
774
|
-
$list-group-item-heading-margin-bottom: 5px !default;
|
|
884
|
+
$list-group-link-active-color: $list-group-color !default;
|
|
885
|
+
$list-group-link-active-bg: $gray-lighter !default;
|
|
775
886
|
|
|
776
887
|
|
|
777
888
|
// Image thumbnails
|
|
@@ -781,12 +892,14 @@ $thumbnail-bg: $body-bg !default;
|
|
|
781
892
|
$thumbnail-border-width: $border-width !default;
|
|
782
893
|
$thumbnail-border-color: #ddd !default;
|
|
783
894
|
$thumbnail-border-radius: $border-radius !default;
|
|
784
|
-
$thumbnail-box-shadow: 0 1px 2px rgba(
|
|
895
|
+
$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;
|
|
896
|
+
$thumbnail-transition: all .2s ease-in-out !default;
|
|
785
897
|
|
|
786
898
|
|
|
787
899
|
// Figures
|
|
788
900
|
|
|
789
901
|
$figure-caption-font-size: 90% !default;
|
|
902
|
+
$figure-caption-color: $gray-light !default;
|
|
790
903
|
|
|
791
904
|
|
|
792
905
|
// Breadcrumbs
|
|
@@ -801,42 +914,34 @@ $breadcrumb-active-color: $breadcrumb-divider-color;
|
|
|
801
914
|
$breadcrumb-divider: "/" !default;
|
|
802
915
|
|
|
803
916
|
|
|
804
|
-
// Media objects
|
|
805
|
-
|
|
806
|
-
$media-margin-top: 15px !default;
|
|
807
|
-
$media-heading-margin-bottom: 5px !default;
|
|
808
|
-
$media-alignment-padding-x: 10px !default;
|
|
809
|
-
|
|
810
|
-
|
|
811
917
|
// Carousel
|
|
812
918
|
|
|
813
|
-
$carousel-
|
|
814
|
-
|
|
815
|
-
$carousel-control-color: #fff !default;
|
|
919
|
+
$carousel-control-color: $white !default;
|
|
816
920
|
$carousel-control-width: 15% !default;
|
|
817
|
-
$carousel-control-sm-up-size: 30px !default;
|
|
818
921
|
$carousel-control-opacity: .5 !default;
|
|
819
|
-
$carousel-control-font-size: 20px !default;
|
|
820
|
-
|
|
821
|
-
$carousel-indicators-width: 60% !default;
|
|
822
922
|
|
|
823
|
-
$carousel-indicator-
|
|
824
|
-
$carousel-indicator-
|
|
825
|
-
$carousel-indicator-
|
|
826
|
-
$carousel-indicator-
|
|
923
|
+
$carousel-indicator-width: 30px !default;
|
|
924
|
+
$carousel-indicator-height: 3px !default;
|
|
925
|
+
$carousel-indicator-spacer: 3px !default;
|
|
926
|
+
$carousel-indicator-active-bg: $white !default;
|
|
827
927
|
|
|
828
928
|
$carousel-caption-width: 70% !default;
|
|
829
|
-
$carousel-caption-
|
|
830
|
-
|
|
929
|
+
$carousel-caption-color: $white !default;
|
|
930
|
+
|
|
931
|
+
$carousel-control-icon-width: 20px !default;
|
|
932
|
+
|
|
933
|
+
$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
934
|
+
$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
831
935
|
|
|
832
|
-
$carousel-
|
|
936
|
+
$carousel-transition: transform .6s ease-in-out !default;
|
|
833
937
|
|
|
834
938
|
|
|
835
939
|
// Close
|
|
836
940
|
|
|
837
|
-
$close-font-
|
|
838
|
-
$close-
|
|
839
|
-
$close-
|
|
941
|
+
$close-font-size: $font-size-base * 1.5 !default;
|
|
942
|
+
$close-font-weight: $font-weight-bold !default;
|
|
943
|
+
$close-color: $black !default;
|
|
944
|
+
$close-text-shadow: 0 1px 0 $white !default;
|
|
840
945
|
|
|
841
946
|
|
|
842
947
|
// Code
|
|
@@ -845,12 +950,12 @@ $code-font-size: 90% !default;
|
|
|
845
950
|
$code-padding-x: .4rem !default;
|
|
846
951
|
$code-padding-y: .2rem !default;
|
|
847
952
|
$code-color: #bd4147 !default;
|
|
848
|
-
$code-bg:
|
|
953
|
+
$code-bg: $gray-lightest !default;
|
|
849
954
|
|
|
850
|
-
$kbd-color:
|
|
851
|
-
$kbd-bg:
|
|
955
|
+
$kbd-color: $white !default;
|
|
956
|
+
$kbd-bg: $gray-dark !default;
|
|
852
957
|
|
|
853
|
-
$pre-bg:
|
|
958
|
+
$pre-bg: $gray-lightest !default;
|
|
854
959
|
$pre-color: $gray-dark !default;
|
|
855
960
|
$pre-border-color: #ccc !default;
|
|
856
961
|
$pre-scrollable-max-height: 340px !default;
|