bootswatch 4.0.0.alpha6 → 4.0.0.beta2

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.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/Rakefile +2 -3
  4. data/app/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +16 -10
  5. data/app/assets/stylesheets/bootswatch/cerulean/_variables.scss +41 -945
  6. data/app/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +2 -5
  7. data/app/assets/stylesheets/bootswatch/cosmo/_variables.scss +45 -940
  8. data/app/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +117 -12
  9. data/app/assets/stylesheets/bootswatch/cyborg/_variables.scss +91 -887
  10. data/app/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +88 -39
  11. data/app/assets/stylesheets/bootswatch/darkly/_variables.scss +87 -895
  12. data/app/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +106 -18
  13. data/app/assets/stylesheets/bootswatch/flatly/_variables.scss +70 -920
  14. data/app/assets/stylesheets/bootswatch/journal/_bootswatch.scss +15 -11
  15. data/app/assets/stylesheets/bootswatch/journal/_variables.scss +43 -944
  16. data/app/assets/stylesheets/bootswatch/litera/_bootswatch.scss +106 -14
  17. data/app/assets/stylesheets/bootswatch/litera/_variables.scss +49 -933
  18. data/app/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +148 -46
  19. data/app/assets/stylesheets/bootswatch/lumen/_variables.scss +49 -935
  20. data/app/assets/stylesheets/bootswatch/lux/_bootswatch.scss +8 -8
  21. data/app/assets/stylesheets/bootswatch/lux/_variables.scss +70 -921
  22. data/app/assets/stylesheets/bootswatch/materia/_bootswatch.scss +126 -58
  23. data/app/assets/stylesheets/bootswatch/materia/_variables.scss +58 -925
  24. data/app/assets/stylesheets/bootswatch/minty/_bootswatch.scss +160 -14
  25. data/app/assets/stylesheets/bootswatch/minty/_variables.scss +65 -931
  26. data/app/assets/stylesheets/bootswatch/pulse/_bootswatch.scss +50 -12
  27. data/app/assets/stylesheets/bootswatch/pulse/_variables.scss +63 -922
  28. data/app/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +66 -15
  29. data/app/assets/stylesheets/bootswatch/sandstone/_variables.scss +82 -904
  30. data/app/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +42 -11
  31. data/app/assets/stylesheets/bootswatch/simplex/_variables.scss +61 -912
  32. data/app/assets/stylesheets/bootswatch/sketchy/_bootswatch.scss +405 -0
  33. data/app/assets/stylesheets/bootswatch/sketchy/_variables.scss +163 -0
  34. data/app/assets/stylesheets/bootswatch/slate/_bootswatch.scss +191 -55
  35. data/app/assets/stylesheets/bootswatch/slate/_variables.scss +88 -893
  36. data/app/assets/stylesheets/bootswatch/solar/_bootswatch.scss +95 -11
  37. data/app/assets/stylesheets/bootswatch/solar/_variables.scss +99 -891
  38. data/app/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +59 -28
  39. data/app/assets/stylesheets/bootswatch/spacelab/_variables.scss +43 -943
  40. data/app/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +104 -13
  41. data/app/assets/stylesheets/bootswatch/superhero/_variables.scss +84 -907
  42. data/app/assets/stylesheets/bootswatch/united/_bootswatch.scss +11 -8
  43. data/app/assets/stylesheets/bootswatch/united/_variables.scss +38 -948
  44. data/app/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +161 -41
  45. data/app/assets/stylesheets/bootswatch/yeti/_variables.scss +64 -917
  46. data/lib/bootswatch/version.rb +1 -1
  47. metadata +5 -5
  48. data/app/assets/stylesheets/bootswatch/custom/_bootswatch.scss +0 -21
  49. data/app/assets/stylesheets/bootswatch/custom/_variables.scss +0 -961
@@ -2,16 +2,24 @@
2
2
  // Bootswatch
3
3
 
4
4
 
5
+ // Variables ===================================================================
6
+
5
7
  $web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700" !default;
6
8
  @import url($web-font-path);
7
9
 
10
+ $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
11
+
8
12
  // Navbar ======================================================================
9
13
 
10
14
  .navbar {
11
15
  font-size: 14px;
12
16
  }
13
17
 
14
- .bg-primary {
18
+ .bg-dark {
19
+ background-color: $success !important;
20
+ }
21
+
22
+ .bg-light {
15
23
  background-color: #fff !important;
16
24
  border: 1px solid rgba(0, 0, 0, 0.1);
17
25
 
@@ -24,10 +32,6 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700" !defau
24
32
  }
25
33
  }
26
34
 
27
- .bg-inverse {
28
- background-color: $brand-success !important;
29
- }
30
-
31
35
  // Buttons =====================================================================
32
36
 
33
37
  .btn {
@@ -43,6 +47,13 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Raleway:400,700" !defau
43
47
  border-radius: 13.5px;
44
48
  font-size: 11px;
45
49
  }
50
+
51
+ &-secondary,
52
+ &-secondary:hover,
53
+ &-warning,
54
+ &-warning:hover {
55
+ color: $white;
56
+ }
46
57
  }
47
58
 
48
59
  // Typography ==================================================================
@@ -53,10 +64,6 @@ p {
53
64
 
54
65
  blockquote {
55
66
  font-style: italic;
56
-
57
- &-footer {
58
- color: $blockquote-border-color;
59
- }
60
67
  }
61
68
 
62
69
  footer {
@@ -64,7 +71,7 @@ footer {
64
71
  }
65
72
 
66
73
  .lead {
67
- color: $gray-light;
74
+ color: $gray-600;
68
75
  font-family: $font-family-sans-serif;
69
76
  }
70
77
 
@@ -82,21 +89,80 @@ table,
82
89
  }
83
90
  }
84
91
 
92
+ .table {
93
+
94
+ &-success {
95
+ &, > th, > td {
96
+ background-color: $success;
97
+ }
98
+ }
99
+
100
+ &-info {
101
+ &, > th, > td {
102
+ background-color: $info;
103
+ }
104
+ }
105
+
106
+ &-danger {
107
+ &, > th, > td {
108
+ background-color: $danger;
109
+ }
110
+ }
111
+
112
+ &-warning {
113
+ &, > th, > td {
114
+ background-color: $warning;
115
+ }
116
+ }
117
+
118
+ &-hover {
119
+
120
+ .table-success:hover {
121
+ &, > th, > td {
122
+ background-color: darken($success, 5%);
123
+ }
124
+ }
125
+
126
+ .table-info:hover {
127
+ &, > th, > td {
128
+ background-color: darken($info, 5%);
129
+ }
130
+ }
131
+
132
+ .table-danger:hover {
133
+ &, > th, > td {
134
+ background-color: darken($danger, 5%);
135
+ }
136
+ }
137
+
138
+ .table-warning:hover {
139
+ &, > th, > td {
140
+ background-color: darken($warning, 5%);
141
+ }
142
+ }
143
+
144
+ }
145
+ }
85
146
 
86
147
  // Forms =======================================================================
87
148
 
88
149
  // Navs ========================================================================
89
150
 
90
-
91
151
  .nav,
92
152
  .breadcrumb,
93
153
  .pagination {
94
154
  font-size: 14px;
95
155
  }
96
156
 
157
+ .dropdown-menu {
158
+ font-size: 14px;
159
+ }
160
+
97
161
  // Indicators ==================================================================
98
162
 
99
163
  .alert {
164
+ border: none;
165
+ color: $white;
100
166
  font-size: 14px;
101
167
 
102
168
  &, p {
@@ -108,12 +174,38 @@ table,
108
174
  font-weight: normal;
109
175
  text-decoration: underline;
110
176
  }
177
+
178
+ &-primary {
179
+ background-color: $primary;
180
+ }
181
+
182
+ &-success {
183
+ background-color: $success;
184
+ }
185
+
186
+ &-danger {
187
+ background-color: $danger;
188
+ }
189
+
190
+ &-warning {
191
+ background-color: $warning;
192
+ }
193
+
194
+ &-info {
195
+ background-color: $info;
196
+ }
197
+
198
+ &-dark {
199
+ background-color: $dark;
200
+ }
111
201
  }
112
202
 
113
- .tag {
203
+ .badge {
204
+ vertical-align: bottom;
114
205
 
115
- &-default {
116
- color: $btn-secondary-color;
206
+ &-secondary,
207
+ &-warning {
208
+ color: $white;
117
209
  }
118
210
  }
119
211
 
@@ -1,961 +1,77 @@
1
1
  // Litera 4.0.0
2
2
  // Bootswatch
3
3
 
4
-
5
-
6
-
7
- // Table of Contents
8
- //
9
- // Colors
10
- // Options
11
- // Spacing
12
- // Body
13
- // Links
14
- // Grid breakpoints
15
- // Grid containers
16
- // Grid columns
17
- // Fonts
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
43
-
44
- @mixin _assert-ascending($map, $map-name) {
45
- $prev-key: null;
46
- $prev-num: null;
47
- @each $key, $num in $map {
48
- @if $prev-num == null {
49
- // Do nothing
50
- } @else if not comparable($prev-num, $num) {
51
- @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
52
- } @else if $prev-num >= $num {
53
- @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
54
- }
55
- $prev-key: $key;
56
- $prev-num: $num;
57
- }
58
- }
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
-
85
- // General variable structure
86
- //
87
- // Variable format should follow the `$component-modifier-state-property` order.
88
-
89
-
90
- // Colors
91
- //
92
- // Grayscale and brand colors for use across Bootstrap.
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
107
- $gray-dark: #373a3c !default;
108
- $gray: #55595c !default;
109
- $gray-light: #818a91 !default;
110
- $gray-lighter: #ddd;
111
- $gray-lightest: #f7f7f9 !default;
112
-
113
- // Reassign color vars to semantic color scheme
114
- $brand-primary: #4582EC;
115
- $brand-success: #02B875;
116
- $brand-info: #5bc0de !default;
117
- $brand-warning: #f0ad4e !default;
118
- $brand-danger: #d9534f !default;
119
- $brand-inverse: $gray-dark !default;
120
-
121
-
122
- // Options
123
- //
124
- // Quickly modify global styling by enabling or disabling optional features.
125
-
126
- $enable-rounded: true !default;
127
- $enable-shadows: false !default;
128
- $enable-gradients: false !default;
129
- $enable-transitions: true !default;
130
- $enable-hover-media-query: false !default;
131
- $enable-grid-classes: true !default;
132
- $enable-print-styles: true !default;
133
-
134
-
135
- // Spacing
136
4
  //
137
- // Control the default styling of most Bootstrap elements by modifying these
138
- // variables. Mostly focused on spacing.
139
- // You can add more entries to the $spacers map, should you need more variation.
140
-
141
- $spacer: 1rem !default;
142
- $spacer-x: $spacer !default;
143
- $spacer-y: $spacer !default;
144
- $spacers: (
145
- 0: (
146
- x: 0,
147
- y: 0
148
- ),
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: (
158
- x: $spacer-x,
159
- y: $spacer-y
160
- ),
161
- 4: (
162
- x: ($spacer-x * 1.5),
163
- y: ($spacer-y * 1.5)
164
- ),
165
- 5: (
166
- x: ($spacer-x * 3),
167
- y: ($spacer-y * 3)
168
- )
169
- ) !default;
170
- $border-width: 1px !default;
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;
5
+ // Color system
6
+ //
7
+
8
+ $white: #fff !default;
9
+ $gray-100: #f8f9fa !default;
10
+ $gray-200: #e9ecef !default;
11
+ $gray-300: #ddd !default;
12
+ $gray-400: #ced4da !default;
13
+ $gray-500: #adb5bd !default;
14
+ $gray-600: #868e96 !default;
15
+ $gray-700: #495057 !default;
16
+ $gray-800: #343a40 !default;
17
+ $gray-900: #212529 !default;
18
+ $black: #000 !default;
19
+
20
+ $blue: #4582EC !default;
21
+ $indigo: #6610f2 !default;
22
+ $purple: #6f42c1 !default;
23
+ $pink: #e83e8c !default;
24
+ $red: #d9534f !default;
25
+ $orange: #fd7e14 !default;
26
+ $yellow: #f0ad4e !default;
27
+ $green: #02B875 !default;
28
+ $teal: #20c997 !default;
29
+ $cyan: #17a2b8 !default;
30
+
31
+ $primary: $blue !default;
32
+ $secondary: $gray-500 !default;
33
+ $success: $green !default;
34
+ $info: $cyan !default;
35
+ $warning: $yellow !default;
36
+ $danger: $red !default;
37
+ $light: $gray-100 !default;
38
+ $dark: $gray-800 !default;
179
39
 
180
40
  // Body
181
- //
182
- // Settings for the `<body>` element.
183
-
184
- $body-bg: #fff !default;
185
- $body-color: $gray-dark !default;
186
- $inverse-bg: $gray-dark !default;
187
- $inverse-color: $gray-lighter !default;
188
-
189
-
190
- // Links
191
- //
192
- // Style anchor elements.
193
-
194
- $link-color: $brand-primary !default;
195
- $link-decoration: none !default;
196
- $link-hover-color: darken($link-color, 15%) !default;
197
- $link-hover-decoration: underline !default;
198
-
199
-
200
- // Grid breakpoints
201
- //
202
- // Define the minimum dimensions at which your layout will change,
203
- // adapting to different screen sizes, for use in media queries.
204
-
205
- $grid-breakpoints: (
206
- xs: 0,
207
- sm: 576px,
208
- md: 768px,
209
- lg: 992px,
210
- xl: 1200px
211
- ) !default;
212
- @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
213
- @include _assert-starts-at-zero($grid-breakpoints);
214
-
215
-
216
- // Grid containers
217
- //
218
- // Define the maximum width of `.container` for different screen sizes.
219
41
 
220
- $container-max-widths: (
221
- sm: 540px,
222
- md: 720px,
223
- lg: 960px,
224
- xl: 1140px
225
- ) !default;
226
- @include _assert-ascending($container-max-widths, "$container-max-widths");
227
-
228
-
229
- // Grid columns
230
- //
231
- // Set the number of columns and specify the width of the gutters.
232
-
233
- $grid-columns: 12 !default;
234
- $grid-gutter-width-base: 30px !default;
235
- $grid-gutter-widths: (
236
- xs: $grid-gutter-width-base,
237
- sm: $grid-gutter-width-base,
238
- md: $grid-gutter-width-base,
239
- lg: $grid-gutter-width-base,
240
- xl: $grid-gutter-width-base
241
- ) !default;
42
+ $body-color: $gray-800 !default;
242
43
 
243
44
  // Fonts
244
- //
245
- // Font, line-height, and color for body text, headings, and more.
246
-
247
- $font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
248
- $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
249
- $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
250
- $font-family-base: $font-family-sans-serif !default;
251
-
252
- $font-size-base: 1.063rem;
253
- $font-size-lg: 1.25rem !default;
254
- $font-size-sm: .875rem !default;
255
- $font-size-xs: .75rem !default;
256
-
257
- $font-weight-normal: normal !default;
258
- $font-weight-bold: bold !default;
259
-
260
- $font-weight-base: $font-weight-normal !default;
261
- $line-height-base: 1.5 !default;
262
-
263
- $font-size-h1: 2.5rem !default;
264
- $font-size-h2: 2rem !default;
265
- $font-size-h3: 1.75rem !default;
266
- $font-size-h4: 1.5rem !default;
267
- $font-size-h5: 1.25rem !default;
268
- $font-size-h6: 1rem !default;
269
-
270
- $headings-margin-bottom: ($spacer / 2) !default;
271
- $headings-font-family: "Raleway", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
272
- $headings-font-weight: 700;
273
- $headings-line-height: 1.1 !default;
274
- $headings-color: inherit !default;
275
-
276
- $display1-size: 6rem !default;
277
- $display2-size: 5.5rem !default;
278
- $display3-size: 4.5rem !default;
279
- $display4-size: 3.5rem !default;
280
-
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;
286
-
287
- $lead-font-size: 1.25rem !default;
288
- $lead-font-weight: 300 !default;
289
-
290
- $small-font-size: 80% !default;
291
45
 
292
- $text-muted: $gray-light !default;
293
-
294
- $abbr-border-color: $gray-light !default;
295
-
296
- $blockquote-small-color: $gray-light !default;
297
- $blockquote-font-size: ($font-size-base * 1.25) !default;
298
- $blockquote-border-color: $gray-lighter !default;
299
- $blockquote-border-width: .25rem !default;
300
-
301
- $hr-border-color: rgba($black,.1) !default;
302
- $hr-border-width: $border-width !default;
303
-
304
- $mark-padding: .2em !default;
305
-
306
- $dt-font-weight: $font-weight-bold !default;
307
-
308
- $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;
309
- $nested-kbd-font-weight: $font-weight-bold !default;
310
-
311
- $list-inline-padding: 5px !default;
312
-
313
-
314
- // Components
315
- //
316
- // Define common padding and border radius sizes and more.
317
-
318
- $line-height-lg: (4 / 3) !default;
319
- $line-height-sm: 1.5 !default;
320
-
321
- $border-radius: .25rem !default;
322
- $border-radius-lg: .3rem !default;
323
- $border-radius-sm: .2rem !default;
324
-
325
- $component-active-color: $white !default;
326
- $component-active-bg: $brand-primary !default;
327
-
328
- $caret-width: .3em !default;
329
-
330
- $transition-base: all .2s ease-in-out !default;
331
- $transition-fade: opacity .15s linear !default;
332
- $transition-collapse: height .35s ease !default;
46
+ $font-size-base: 1.063rem !default;
333
47
 
48
+ $headings-font-weight: 700 !default;
334
49
 
335
50
  // Tables
336
- //
337
- // Customizes the `.table` component with basic values, each used across all table variations.
338
-
339
- $table-cell-padding: .75rem !default;
340
- $table-sm-cell-padding: .3rem !default;
341
-
342
- $table-bg: transparent !default;
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;
349
- $table-bg-active: $table-bg-hover !default;
350
-
351
- $table-head-bg: $gray-lighter !default;
352
- $table-head-color: $gray !default;
353
-
354
- $table-border-width: $border-width !default;
355
- $table-border-color: rgba(0,0,0,0.1);
356
51
 
52
+ $table-border-color: rgba(0,0,0,0.1) !default;
357
53
 
358
54
  // Buttons
359
- //
360
- // For each of Bootstrap's buttons, define text, background and border color.
361
-
362
- $btn-padding-x: 1.1rem;
363
- $btn-padding-y: .5rem !default;
364
- $btn-line-height: 1.25 !default;
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;
369
-
370
- $btn-primary-color: $white !default;
371
- $btn-primary-bg: $brand-primary !default;
372
- $btn-primary-border: $btn-primary-bg !default;
373
-
374
- $btn-secondary-color: $gray-light;
375
- $btn-secondary-bg: $white !default;
376
- $btn-secondary-border: $gray-lighter;
377
-
378
- $btn-info-color: $white !default;
379
- $btn-info-bg: $brand-info !default;
380
- $btn-info-border: $btn-info-bg !default;
381
-
382
- $btn-success-color: $white !default;
383
- $btn-success-bg: $brand-success !default;
384
- $btn-success-border: $btn-success-bg !default;
385
-
386
- $btn-warning-color: $white !default;
387
- $btn-warning-bg: $brand-warning !default;
388
- $btn-warning-border: $btn-warning-bg !default;
389
-
390
- $btn-danger-color: $white !default;
391
- $btn-danger-bg: $brand-danger !default;
392
- $btn-danger-border: $btn-danger-bg !default;
393
-
394
- $btn-link-disabled-color: $gray-light !default;
395
-
396
- $btn-padding-x-sm: .75rem;
397
- $btn-padding-y-sm: .25rem !default;
398
-
399
- $btn-padding-x-lg: 1.5rem !default;
400
- $btn-padding-y-lg: .75rem !default;
401
-
402
- $btn-block-spacing-y: .5rem !default;
403
- $btn-toolbar-margin: .5rem !default;
404
-
405
- // Allows for customizing button radius independently from global border radius
406
- $btn-border-radius: $border-radius !default;
407
- $btn-border-radius-lg: $border-radius-lg !default;
408
- $btn-border-radius-sm: $border-radius-sm !default;
409
-
410
- $btn-transition: all .2s ease-in-out !default;
411
55
 
56
+ $input-btn-padding-y: 0.5rem !default;
57
+ $input-btn-padding-x: 1.1rem !default;
412
58
 
413
59
  // Forms
414
60
 
415
- $input-padding-x: .75rem !default;
416
- $input-padding-y: .5rem !default;
417
- $input-line-height: 1.25 !default;
418
-
419
- $input-bg: $white !default;
420
- $input-bg-disabled: $gray-lighter !default;
421
-
422
- $input-color: $gray !default;
423
- $input-border-color: rgba(0,0,0,.1);
424
- $input-btn-border-width: $border-width !default; // For form controls and buttons
425
- $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
426
-
427
- $input-border-radius: $border-radius !default;
428
- $input-border-radius-lg: $border-radius-lg !default;
429
- $input-border-radius-sm: $border-radius-sm !default;
430
-
431
- $input-bg-focus: $input-bg !default;
432
- $input-border-focus: lighten($brand-primary, 25%) !default;
433
- $input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;
434
- $input-color-focus: $input-color !default;
435
-
436
- $input-color-placeholder: $gray-light !default;
437
-
438
- $input-padding-x-sm: .5rem !default;
439
- $input-padding-y-sm: .25rem !default;
440
-
441
- $input-padding-x-lg: 1.5rem !default;
442
- $input-padding-y-lg: .75rem !default;
443
-
444
- $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
445
- $input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
446
- $input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
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
-
460
- $form-group-margin-bottom: $spacer-y !default;
461
-
462
- $input-group-addon-bg: $gray-lightest;
463
- $input-group-addon-border-color: $input-border-color !default;
464
-
465
- $cursor-disabled: not-allowed !default;
466
-
467
- $custom-control-gutter: 1.5rem !default;
468
- $custom-control-spacer-x: 1rem !default;
469
- $custom-control-spacer-y: .25rem !default;
470
-
471
- $custom-control-indicator-size: 1rem !default;
472
- $custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
473
- $custom-control-indicator-bg: #ddd !default;
474
- $custom-control-indicator-bg-size: 50% 50% !default;
475
- $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
476
-
477
- $custom-control-disabled-cursor: $cursor-disabled !default;
478
- $custom-control-disabled-indicator-bg: $gray-lighter !default;
479
- $custom-control-disabled-description-color: $gray-light !default;
480
-
481
- $custom-control-checked-indicator-color: $white !default;
482
- $custom-control-checked-indicator-bg: $brand-primary !default;
483
- $custom-control-checked-indicator-box-shadow: none !default;
484
-
485
- $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;
486
-
487
- $custom-control-active-indicator-color: $white !default;
488
- $custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;
489
- $custom-control-active-indicator-box-shadow: none !default;
490
-
491
- $custom-checkbox-radius: $border-radius !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;
493
-
494
- $custom-checkbox-indeterminate-bg: $brand-primary !default;
495
- $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !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;
497
- $custom-checkbox-indeterminate-box-shadow: none !default;
498
-
499
- $custom-radio-radius: 50% !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;
501
-
502
- $custom-select-padding-x: .75rem !default;
503
- $custom-select-padding-y: .375rem !default;
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;
509
- $custom-select-disabled-bg: $gray-lighter !default;
510
- $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
511
- $custom-select-indicator-color: #333 !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;
513
- $custom-select-border-width: $input-btn-border-width !default;
514
- $custom-select-border-color: $input-border-color !default;
515
- $custom-select-border-radius: $border-radius !default;
516
-
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;
519
-
520
- $custom-select-sm-padding-y: .2rem !default;
521
- $custom-select-sm-font-size: 75% !default;
522
-
523
- $custom-file-height: 2.5rem !default;
524
- $custom-file-width: 14rem !default;
525
- $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;
526
-
527
- $custom-file-padding-x: .5rem !default;
528
- $custom-file-padding-y: 1rem !default;
529
- $custom-file-line-height: 1.5 !default;
530
- $custom-file-color: $gray !default;
531
- $custom-file-bg: $white !default;
532
- $custom-file-border-width: $border-width !default;
533
- $custom-file-border-color: $input-border-color !default;
534
- $custom-file-border-radius: $border-radius !default;
535
- $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;
536
- $custom-file-button-color: $custom-file-color !default;
537
- $custom-file-button-bg: $gray-lighter !default;
538
- $custom-file-text: (
539
- placeholder: (
540
- en: "Choose file..."
541
- ),
542
- button-label: (
543
- en: "Browse"
544
- )
545
- ) !default;
546
-
547
-
548
- // Form validation icons
549
- $form-icon-success-color: $brand-success !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;
551
-
552
- $form-icon-warning-color: $brand-warning !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;
554
-
555
- $form-icon-danger-color: $brand-danger !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;
557
-
558
-
559
- // Dropdowns
560
- //
561
- // Dropdown menu container and contents.
562
-
563
- $dropdown-min-width: 10rem !default;
564
- $dropdown-padding-y: .5rem !default;
565
- $dropdown-margin-top: .125rem !default;
566
- $dropdown-bg: $white !default;
567
- $dropdown-border-color: rgba($black,.15) !default;
568
- $dropdown-border-width: $border-width !default;
569
- $dropdown-divider-bg: $gray-lighter !default;
570
- $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
571
-
572
- $dropdown-link-color: $gray-dark !default;
573
- $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
574
- $dropdown-link-hover-bg: $gray-lightest !default;
575
-
576
- $dropdown-link-active-color: $component-active-color !default;
577
- $dropdown-link-active-bg: $component-active-bg !default;
578
-
579
- $dropdown-link-disabled-color: $gray-light !default;
580
-
581
- $dropdown-item-padding-x: 1.5rem !default;
582
-
583
- $dropdown-header-color: $gray-light !default;
584
-
585
-
586
- // Z-index master list
587
- //
588
- // Warning: Avoid customizing these values. They're used for a bird's eye view
589
- // of components dependent on the z-axis and are designed to all work together.
590
-
591
- $zindex-dropdown-backdrop: 990 !default;
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;
61
+ $input-border-color: rgba(0,0,0,.1) !default;
600
62
 
63
+ $input-group-addon-bg: $gray-200 !default !default;
601
64
 
602
65
  // Navbar
603
66
 
604
- $navbar-border-radius: $border-radius !default;
605
- $navbar-padding-x: $spacer !default;
606
- $navbar-padding-y: $spacer;
607
-
608
- $navbar-brand-padding-y: .25rem !default;
609
-
610
- $navbar-toggler-padding-x: .75rem !default;
611
- $navbar-toggler-padding-y: .25rem !default;
612
- $navbar-toggler-font-size: $font-size-lg !default;
613
- $navbar-toggler-border-radius: $btn-border-radius !default;
614
-
615
- $navbar-inverse-color: rgba(255,255,255,.6);
616
- $navbar-inverse-hover-color: rgba(255,255,255,1);
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;
621
-
622
- $navbar-light-color: rgba(0,0,0,.5) !default;
623
- $navbar-light-hover-color: $body-color;
624
- $navbar-light-active-color: $body-color;
625
- $navbar-light-disabled-color: rgba(0,0,0,.3) !default;
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;
628
-
629
- // Navs
630
-
631
- $nav-item-margin: .2rem !default;
632
- $nav-item-inline-spacer: 1rem !default;
633
- $nav-link-padding: .5em 1em !default;
634
- $nav-link-hover-bg: $gray-lighter !default;
635
- $nav-disabled-link-color: $gray-light !default;
636
-
637
- $nav-tabs-border-color: #ddd !default;
638
- $nav-tabs-border-width: $border-width !default;
639
- $nav-tabs-border-radius: $border-radius !default;
640
- $nav-tabs-link-hover-border-color: $gray-lighter !default;
641
- $nav-tabs-active-link-hover-color: $gray !default;
642
- $nav-tabs-active-link-hover-bg: $body-bg !default;
643
- $nav-tabs-active-link-hover-border-color: #ddd !default;
644
- $nav-tabs-justified-link-border-color: #ddd !default;
645
- $nav-tabs-justified-active-link-border-color: $body-bg !default;
646
-
647
- $nav-pills-border-radius: $border-radius !default;
648
- $nav-pills-active-link-color: $component-active-color !default;
649
- $nav-pills-active-link-bg: $component-active-bg !default;
650
-
651
-
652
- // Pagination
653
-
654
- $pagination-padding-x: .75rem !default;
655
- $pagination-padding-y: .5rem !default;
656
- $pagination-padding-x-sm: .5rem !default;
657
- $pagination-padding-y-sm: .25rem !default;
658
- $pagination-padding-x-lg: 1.5rem !default;
659
- $pagination-padding-y-lg: .75rem !default;
660
- $pagination-line-height: 1.25 !default;
661
-
662
- $pagination-color: $link-color !default;
663
- $pagination-bg: $white !default;
664
- $pagination-border-width: $border-width !default;
665
- $pagination-border-color: #ddd !default;
666
-
667
- $pagination-hover-color: $link-hover-color !default;
668
- $pagination-hover-bg: $gray-lighter !default;
669
- $pagination-hover-border: #ddd !default;
670
-
671
- $pagination-active-color: $white !default;
672
- $pagination-active-bg: $brand-primary !default;
673
- $pagination-active-border: $brand-primary !default;
674
-
675
- $pagination-disabled-color: $gray-light !default;
676
- $pagination-disabled-bg: $white !default;
677
- $pagination-disabled-border: #ddd !default;
678
-
679
-
680
- // Jumbotron
681
-
682
- $jumbotron-padding: 2rem !default;
683
- $jumbotron-bg: $gray-lightest;
684
-
685
-
686
- // Form states and alerts
687
- //
688
- // Define colors for form feedback states and, by default, alerts.
689
-
690
- $state-success-text: #fff;
691
- $state-success-bg: $brand-success;
692
- $state-success-border: darken($state-success-bg, 5%) !default;
693
-
694
- $state-info-text: #fff;
695
- $state-info-bg: $brand-info;
696
- $state-info-border: darken($state-info-bg, 7%) !default;
697
-
698
- $state-warning-text: #fff;
699
- $state-warning-bg: $brand-warning;
700
- $mark-bg: $state-warning-bg !default;
701
- $state-warning-border: darken($state-warning-bg, 5%) !default;
702
-
703
- $state-danger-text: #fff;
704
- $state-danger-bg: $brand-danger;
705
- $state-danger-border: darken($state-danger-bg, 5%) !default;
706
-
707
-
708
- // Cards
709
-
710
- $card-spacer-x: 1.25rem !default;
711
- $card-spacer-y: .75rem !default;
712
- $card-border-width: 1px !default;
713
- $card-border-radius: $border-radius !default;
714
- $card-border-color: rgba($black,.125) !default;
715
- $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
716
- $card-cap-bg: $gray-lightest !default;
717
- $card-bg: $white !default;
718
-
719
- $card-link-hover-color: $white !default;
720
-
721
- $card-img-overlay-padding: 1.25rem !default;
722
-
723
- $card-deck-margin: ($grid-gutter-width-base / 2) !default;
724
-
725
- $card-columns-count: 3 !default;
726
- $card-columns-gap: 1.25rem !default;
727
- $card-columns-margin: $card-spacer-y !default;
728
-
729
-
730
- // Tooltips
731
-
732
- $tooltip-max-width: 200px !default;
733
- $tooltip-color: $white !default;
734
- $tooltip-bg: $black !default;
735
- $tooltip-opacity: .9 !default;
736
- $tooltip-padding-y: 3px !default;
737
- $tooltip-padding-x: 8px !default;
738
- $tooltip-margin: 3px !default;
739
-
740
- $tooltip-arrow-width: 5px !default;
741
- $tooltip-arrow-color: $tooltip-bg !default;
742
-
743
-
744
- // Popovers
745
-
746
- $popover-inner-padding: 1px !default;
747
- $popover-bg: $white !default;
748
- $popover-max-width: 276px !default;
749
- $popover-border-width: $border-width !default;
750
- $popover-border-color: rgba($black,.2) !default;
751
- $popover-box-shadow: 0 5px 10px rgba($black,.2) !default;
752
-
753
- $popover-title-bg: darken($popover-bg, 3%) !default;
754
- $popover-title-padding-x: 14px !default;
755
- $popover-title-padding-y: 8px !default;
756
-
757
- $popover-content-padding-x: 14px !default;
758
- $popover-content-padding-y: 9px !default;
759
-
760
- $popover-arrow-width: 10px !default;
761
- $popover-arrow-color: $popover-bg !default;
762
-
763
- $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;
764
- $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
67
+ $navbar-dark-color: rgba($white,.6) !default;
68
+ $navbar-dark-hover-color: $white !default;
765
69
 
70
+ $navbar-light-hover-color: $body-color !default;
71
+ $navbar-light-active-color: $body-color !default;
766
72
 
767
73
  // Badges
768
74
 
769
- $badge-default-bg: $gray-lighter;
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;
775
-
776
- $badge-color: $white !default;
777
- $badge-link-hover-color: $white !default;
778
- $badge-font-size: 75% !default;
779
- $badge-font-weight: normal;
780
- $badge-padding-x: 1.2em;
781
- $badge-padding-y: .6em;
782
-
783
- $badge-pill-padding-x: .6em !default;
784
- // Use a higher than normal value to ensure completely rounded edges when
785
- // customizing padding or font-size on labels.
786
- $badge-pill-border-radius: 10rem !default;
787
-
788
-
789
- // Modals
790
-
791
- // Padding applied to the modal body
792
- $modal-inner-padding: 15px !default;
793
-
794
- $modal-dialog-margin: 10px !default;
795
- $modal-dialog-sm-up-margin-y: 30px !default;
796
-
797
- $modal-title-line-height: $line-height-base !default;
798
-
799
- $modal-content-bg: $white !default;
800
- $modal-content-border-color: rgba($black,.2) !default;
801
- $modal-content-border-width: $border-width !default;
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;
804
-
805
- $modal-backdrop-bg: $black !default;
806
- $modal-backdrop-opacity: .5 !default;
807
- $modal-header-border-color: $gray-lighter !default;
808
- $modal-footer-border-color: $modal-header-border-color !default;
809
- $modal-header-border-width: $modal-content-border-width !default;
810
- $modal-footer-border-width: $modal-header-border-width !default;
811
- $modal-header-padding: 15px !default;
812
-
813
- $modal-lg: 800px !default;
814
- $modal-md: 500px !default;
815
- $modal-sm: 300px !default;
816
-
817
- $modal-transition: transform .3s ease-out !default;
818
-
819
-
820
- // Alerts
821
- //
822
- // Define alert colors, border radius, and padding.
823
-
824
- $alert-padding-x: 1.25rem !default;
825
- $alert-padding-y: .75rem !default;
826
- $alert-margin-bottom: $spacer-y !default;
827
- $alert-border-radius: $border-radius !default;
828
- $alert-link-font-weight: $font-weight-bold !default;
829
- $alert-border-width: $border-width !default;
830
-
831
- $alert-success-bg: $state-success-bg !default;
832
- $alert-success-text: $state-success-text !default;
833
- $alert-success-border: $state-success-border !default;
834
-
835
- $alert-info-bg: $state-info-bg !default;
836
- $alert-info-text: $state-info-text !default;
837
- $alert-info-border: $state-info-border !default;
838
-
839
- $alert-warning-bg: $state-warning-bg !default;
840
- $alert-warning-text: $state-warning-text !default;
841
- $alert-warning-border: $state-warning-border !default;
842
-
843
- $alert-danger-bg: $state-danger-bg !default;
844
- $alert-danger-text: $state-danger-text !default;
845
- $alert-danger-border: $state-danger-border !default;
846
-
847
-
848
- // Progress bars
849
-
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;
858
-
859
- // List group
860
-
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;
869
-
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;
875
-
876
- $list-group-disabled-color: $gray-light !default;
877
- $list-group-disabled-bg: $gray-lightest;
878
- $list-group-disabled-text-color: $list-group-disabled-color !default;
879
-
880
- $list-group-link-color: $gray !default;
881
- $list-group-link-heading-color: #333 !default;
882
- $list-group-link-hover-color: $list-group-link-color !default;
883
-
884
- $list-group-link-active-color: $list-group-color !default;
885
- $list-group-link-active-bg: $gray-lighter !default;
886
-
887
-
888
- // Image thumbnails
889
-
890
- $thumbnail-padding: .25rem !default;
891
- $thumbnail-bg: $body-bg !default;
892
- $thumbnail-border-width: $border-width !default;
893
- $thumbnail-border-color: #ddd !default;
894
- $thumbnail-border-radius: $border-radius !default;
895
- $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;
896
- $thumbnail-transition: all .2s ease-in-out !default;
897
-
898
-
899
- // Figures
900
-
901
- $figure-caption-font-size: 90% !default;
902
- $figure-caption-color: $gray-light !default;
903
-
904
-
905
- // Breadcrumbs
906
-
907
- $breadcrumb-padding-y: .75rem !default;
908
- $breadcrumb-padding-x: 1rem !default;
909
- $breadcrumb-item-padding: .5rem !default;
910
-
911
- $breadcrumb-bg: $gray-lightest;
912
- $breadcrumb-divider-color: $gray-light !default;
913
- $breadcrumb-active-color: $gray-light !default;
914
- $breadcrumb-divider: "/" !default;
915
-
916
-
917
- // Carousel
918
-
919
- $carousel-control-color: $white !default;
920
- $carousel-control-width: 15% !default;
921
- $carousel-control-opacity: .5 !default;
922
-
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;
927
-
928
- $carousel-caption-width: 70% !default;
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;
935
-
936
- $carousel-transition: transform .6s ease-in-out !default;
937
-
938
-
939
- // Close
940
-
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;
945
-
946
-
947
- // Code
948
-
949
- $code-font-size: 90% !default;
950
- $code-padding-x: .4rem !default;
951
- $code-padding-y: .2rem !default;
952
- $code-color: #bd4147 !default;
953
- $code-bg: $gray-lightest !default;
954
-
955
- $kbd-color: $white !default;
956
- $kbd-bg: $gray-dark !default;
957
-
958
- $pre-bg: $gray-lightest !default;
959
- $pre-color: $gray-dark !default;
960
- $pre-border-color: #ccc !default;
961
- $pre-scrollable-max-height: 340px !default;
75
+ $badge-font-weight: normal !default;
76
+ $badge-padding-y: 0.6em !default;
77
+ $badge-padding-x: 1.2em !default;