bootstrap 4.0.0.alpha6 → 4.0.0.beta
Sign up to get free protection for your applications and to get access to all the features.
Potentially problematic release.
This version of bootstrap might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/.travis.yml +1 -0
- data/Gemfile +2 -4
- data/README.md +20 -22
- data/assets/javascripts/bootstrap.js +657 -361
- data/assets/javascripts/bootstrap.min.js +2 -3
- data/assets/javascripts/bootstrap/alert.js +8 -8
- data/assets/javascripts/bootstrap/button.js +16 -9
- data/assets/javascripts/bootstrap/carousel.js +48 -21
- data/assets/javascripts/bootstrap/collapse.js +42 -33
- data/assets/javascripts/bootstrap/dropdown.js +196 -52
- data/assets/javascripts/bootstrap/modal.js +71 -29
- data/assets/javascripts/bootstrap/popover.js +25 -13
- data/assets/javascripts/bootstrap/scrollspy.js +23 -21
- data/assets/javascripts/bootstrap/tab.js +14 -18
- data/assets/javascripts/bootstrap/tooltip.js +139 -83
- data/assets/javascripts/bootstrap/util.js +10 -8
- data/assets/stylesheets/_bootstrap-grid.scss +2 -8
- data/assets/stylesheets/_bootstrap-reboot.scss +1 -2
- data/assets/stylesheets/_bootstrap.scss +2 -15
- data/assets/stylesheets/bootstrap/_alert.scss +4 -11
- data/assets/stylesheets/bootstrap/_badge.scss +4 -33
- data/assets/stylesheets/bootstrap/_breadcrumb.scss +1 -1
- data/assets/stylesheets/bootstrap/_button-group.scss +11 -15
- data/assets/stylesheets/bootstrap/_buttons.scss +13 -42
- data/assets/stylesheets/bootstrap/_card.scss +27 -80
- data/assets/stylesheets/bootstrap/_carousel.scss +24 -17
- data/assets/stylesheets/bootstrap/_close.scss +0 -2
- data/assets/stylesheets/bootstrap/_custom-forms.scss +27 -36
- data/assets/stylesheets/bootstrap/_dropdown.scss +15 -48
- data/assets/stylesheets/bootstrap/_forms.scss +70 -68
- data/assets/stylesheets/bootstrap/_functions.scss +90 -0
- data/assets/stylesheets/bootstrap/_grid.scss +3 -2
- data/assets/stylesheets/bootstrap/_images.scss +1 -1
- data/assets/stylesheets/bootstrap/_input-group.scss +6 -8
- data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -4
- data/assets/stylesheets/bootstrap/_list-group.scss +9 -36
- data/assets/stylesheets/bootstrap/_mixins.scss +2 -18
- data/assets/stylesheets/bootstrap/_modal.scss +3 -3
- data/assets/stylesheets/bootstrap/_nav.scss +15 -16
- data/assets/stylesheets/bootstrap/_navbar.scss +70 -54
- data/assets/stylesheets/bootstrap/_pagination.scss +3 -4
- data/assets/stylesheets/bootstrap/_popover.scss +96 -72
- data/assets/stylesheets/bootstrap/_print.scss +1 -9
- data/assets/stylesheets/bootstrap/_progress.scss +4 -4
- data/assets/stylesheets/bootstrap/_reboot.scss +187 -95
- data/assets/stylesheets/bootstrap/_tables.scss +34 -19
- data/assets/stylesheets/bootstrap/_tooltip.scss +52 -35
- data/assets/stylesheets/bootstrap/_type.scss +8 -28
- data/assets/stylesheets/bootstrap/_utilities.scss +1 -0
- data/assets/stylesheets/bootstrap/_variables.scss +286 -410
- data/assets/stylesheets/bootstrap/mixins/_alert.scss +4 -5
- data/assets/stylesheets/bootstrap/mixins/_badge.scss +6 -5
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +5 -0
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +23 -13
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +11 -14
- data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +57 -55
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +9 -18
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +12 -65
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +6 -6
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +2 -4
- data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +1 -0
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +4 -3
- data/assets/stylesheets/bootstrap/mixins/_resize.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +5 -2
- data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +9 -0
- data/assets/stylesheets/bootstrap/mixins/_visibility.scss +2 -2
- data/assets/stylesheets/bootstrap/utilities/_background.scss +4 -17
- data/assets/stylesheets/bootstrap/utilities/_borders.scss +20 -5
- data/assets/stylesheets/bootstrap/utilities/_display.scss +36 -1
- data/assets/stylesheets/bootstrap/{_responsive-embed.scss → utilities/_embed.scss} +0 -0
- data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -4
- data/assets/stylesheets/bootstrap/utilities/_position.scss +5 -3
- data/assets/stylesheets/bootstrap/utilities/_spacing.scss +10 -12
- data/assets/stylesheets/bootstrap/utilities/_text.scss +5 -17
- data/assets/stylesheets/bootstrap/utilities/_visibility.scss +4 -48
- data/bootstrap.gemspec +2 -0
- data/lib/bootstrap.rb +2 -0
- data/lib/bootstrap/version.rb +2 -2
- data/tasks/updater/js.rb +7 -9
- data/tasks/updater/scss.rb +1 -4
- data/templates/project/_bootstrap-variables.scss +289 -396
- data/test/dummy_rails/app/assets/javascripts/application.js +1 -1
- data/test/dummy_rails/config/application.rb +0 -1
- data/test/gemfiles/rails_4_2.gemfile +0 -4
- data/test/gemfiles/rails_5_0.gemfile +0 -4
- data/test/gemfiles/rails_5_1.gemfile +8 -0
- metadata +23 -8
- data/assets/stylesheets/bootstrap/_custom.scss +0 -4
- data/assets/stylesheets/bootstrap/_normalize.scss +0 -461
- data/assets/stylesheets/bootstrap/mixins/_cards.scss +0 -47
- data/assets/stylesheets/bootstrap/mixins/_transforms.scss +0 -14
@@ -6,6 +6,7 @@
|
|
6
6
|
width: 100%;
|
7
7
|
max-width: 100%;
|
8
8
|
margin-bottom: $spacer;
|
9
|
+
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
|
9
10
|
|
10
11
|
th,
|
11
12
|
td {
|
@@ -36,7 +37,7 @@
|
|
36
37
|
.table-sm {
|
37
38
|
th,
|
38
39
|
td {
|
39
|
-
padding: $table-
|
40
|
+
padding: $table-cell-padding-sm;
|
40
41
|
}
|
41
42
|
}
|
42
43
|
|
@@ -68,7 +69,7 @@
|
|
68
69
|
|
69
70
|
.table-striped {
|
70
71
|
tbody tr:nth-of-type(odd) {
|
71
|
-
background-color: $table-bg
|
72
|
+
background-color: $table-accent-bg;
|
72
73
|
}
|
73
74
|
}
|
74
75
|
|
@@ -80,7 +81,7 @@
|
|
80
81
|
.table-hover {
|
81
82
|
tbody tr {
|
82
83
|
@include hover {
|
83
|
-
background-color: $table-bg
|
84
|
+
background-color: $table-hover-bg;
|
84
85
|
}
|
85
86
|
}
|
86
87
|
}
|
@@ -91,12 +92,11 @@
|
|
91
92
|
// Exact selectors below required to override `.table-striped` and prevent
|
92
93
|
// inheritance to nested tables.
|
93
94
|
|
94
|
-
|
95
|
-
@include table-row-variant(
|
96
|
-
|
97
|
-
|
98
|
-
@include table-row-variant(
|
99
|
-
@include table-row-variant(danger, $state-danger-bg);
|
95
|
+
@each $color, $value in $theme-colors {
|
96
|
+
@include table-row-variant($color, theme-color-level($color, -9));
|
97
|
+
}
|
98
|
+
|
99
|
+
@include table-row-variant(active, $table-active-bg);
|
100
100
|
|
101
101
|
|
102
102
|
// Inverse styles
|
@@ -124,14 +124,27 @@
|
|
124
124
|
th,
|
125
125
|
td,
|
126
126
|
thead th {
|
127
|
-
border-color: $
|
127
|
+
border-color: $table-inverse-border-color;
|
128
128
|
}
|
129
129
|
|
130
130
|
&.table-bordered {
|
131
131
|
border: 0;
|
132
132
|
}
|
133
|
-
}
|
134
133
|
|
134
|
+
&.table-striped {
|
135
|
+
tbody tr:nth-of-type(odd) {
|
136
|
+
background-color: $table-inverse-accent-bg;
|
137
|
+
}
|
138
|
+
}
|
139
|
+
|
140
|
+
&.table-hover {
|
141
|
+
tbody tr {
|
142
|
+
@include hover {
|
143
|
+
background-color: $table-inverse-hover-bg;
|
144
|
+
}
|
145
|
+
}
|
146
|
+
}
|
147
|
+
}
|
135
148
|
|
136
149
|
|
137
150
|
// Responsive tables
|
@@ -141,13 +154,15 @@
|
|
141
154
|
// will display normally.
|
142
155
|
|
143
156
|
.table-responsive {
|
144
|
-
|
145
|
-
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
157
|
+
@include media-breakpoint-down(md) {
|
158
|
+
display: block;
|
159
|
+
width: 100%;
|
160
|
+
overflow-x: auto;
|
161
|
+
-ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
|
162
|
+
|
163
|
+
// Prevent double border on horizontal scroll due to use of `display: block;`
|
164
|
+
&.table-bordered {
|
165
|
+
border: 0;
|
166
|
+
}
|
152
167
|
}
|
153
168
|
}
|
@@ -3,6 +3,7 @@
|
|
3
3
|
position: absolute;
|
4
4
|
z-index: $zindex-tooltip;
|
5
5
|
display: block;
|
6
|
+
margin: $tooltip-margin;
|
6
7
|
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
|
7
8
|
// So reset our font and text properties to avoid inheriting weird values.
|
8
9
|
@include reset-text();
|
@@ -13,62 +14,86 @@
|
|
13
14
|
|
14
15
|
&.show { opacity: $tooltip-opacity; }
|
15
16
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
17
|
+
.arrow {
|
18
|
+
position: absolute;
|
19
|
+
display: block;
|
20
|
+
width: $tooltip-arrow-width;
|
21
|
+
height: $tooltip-arrow-height;
|
22
|
+
}
|
20
23
|
|
21
|
-
|
24
|
+
&.bs-tooltip-top {
|
25
|
+
padding: $tooltip-arrow-width 0;
|
26
|
+
.arrow {
|
22
27
|
bottom: 0;
|
23
|
-
|
24
|
-
|
28
|
+
}
|
29
|
+
|
30
|
+
.arrow::before {
|
31
|
+
margin-left: -($tooltip-arrow-width - 2);
|
25
32
|
content: "";
|
26
33
|
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
|
27
34
|
border-top-color: $tooltip-arrow-color;
|
28
35
|
}
|
29
36
|
}
|
30
|
-
&.tooltip-right
|
31
|
-
&.bs-tether-element-attached-left {
|
37
|
+
&.bs-tooltip-right {
|
32
38
|
padding: 0 $tooltip-arrow-width;
|
33
|
-
|
34
|
-
|
35
|
-
.tooltip-inner::before {
|
36
|
-
top: 50%;
|
39
|
+
.arrow {
|
37
40
|
left: 0;
|
38
|
-
|
41
|
+
}
|
42
|
+
|
43
|
+
.arrow::before {
|
44
|
+
margin-top: -($tooltip-arrow-width - 2);
|
39
45
|
content: "";
|
40
46
|
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
|
41
47
|
border-right-color: $tooltip-arrow-color;
|
42
48
|
}
|
43
49
|
}
|
44
|
-
&.tooltip-bottom
|
45
|
-
&.bs-tether-element-attached-top {
|
50
|
+
&.bs-tooltip-bottom {
|
46
51
|
padding: $tooltip-arrow-width 0;
|
47
|
-
|
48
|
-
|
49
|
-
.tooltip-inner::before {
|
52
|
+
.arrow {
|
50
53
|
top: 0;
|
51
|
-
|
52
|
-
|
54
|
+
}
|
55
|
+
|
56
|
+
.arrow::before {
|
57
|
+
margin-left: -($tooltip-arrow-width - 2);
|
53
58
|
content: "";
|
54
59
|
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
|
55
60
|
border-bottom-color: $tooltip-arrow-color;
|
56
61
|
}
|
57
62
|
}
|
58
|
-
&.tooltip-left
|
59
|
-
&.bs-tether-element-attached-right {
|
63
|
+
&.bs-tooltip-left {
|
60
64
|
padding: 0 $tooltip-arrow-width;
|
61
|
-
|
65
|
+
.arrow {
|
66
|
+
right: 0;
|
67
|
+
}
|
62
68
|
|
63
|
-
.
|
64
|
-
top: 50%;
|
69
|
+
.arrow::before {
|
65
70
|
right: 0;
|
66
|
-
margin-top:
|
71
|
+
margin-top: -($tooltip-arrow-width - 2);
|
67
72
|
content: "";
|
68
73
|
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
|
69
74
|
border-left-color: $tooltip-arrow-color;
|
70
75
|
}
|
71
76
|
}
|
77
|
+
&.bs-tooltip-auto {
|
78
|
+
&[x-placement^="top"] {
|
79
|
+
@extend .bs-tooltip-top;
|
80
|
+
}
|
81
|
+
&[x-placement^="right"] {
|
82
|
+
@extend .bs-tooltip-right;
|
83
|
+
}
|
84
|
+
&[x-placement^="bottom"] {
|
85
|
+
@extend .bs-tooltip-bottom;
|
86
|
+
}
|
87
|
+
&[x-placement^="left"] {
|
88
|
+
@extend .bs-tooltip-left;
|
89
|
+
}
|
90
|
+
}
|
91
|
+
|
92
|
+
.arrow::before {
|
93
|
+
position: absolute;
|
94
|
+
border-color: transparent;
|
95
|
+
border-style: solid;
|
96
|
+
}
|
72
97
|
}
|
73
98
|
|
74
99
|
// Wrapper for the tooltip content
|
@@ -79,12 +104,4 @@
|
|
79
104
|
text-align: center;
|
80
105
|
background-color: $tooltip-bg;
|
81
106
|
@include border-radius($border-radius);
|
82
|
-
|
83
|
-
&::before {
|
84
|
-
position: absolute;
|
85
|
-
width: 0;
|
86
|
-
height: 0;
|
87
|
-
border-color: transparent;
|
88
|
-
border-style: solid;
|
89
|
-
}
|
90
107
|
}
|
@@ -11,12 +11,12 @@ h1, h2, h3, h4, h5, h6,
|
|
11
11
|
color: $headings-color;
|
12
12
|
}
|
13
13
|
|
14
|
-
h1, .h1 { font-size: $font-size
|
15
|
-
h2, .h2 { font-size: $font-size
|
16
|
-
h3, .h3 { font-size: $font-size
|
17
|
-
h4, .h4 { font-size: $font-size
|
18
|
-
h5, .h5 { font-size: $font-size
|
19
|
-
h6, .h6 { font-size: $font-size
|
14
|
+
h1, .h1 { font-size: $h1-font-size; }
|
15
|
+
h2, .h2 { font-size: $h2-font-size; }
|
16
|
+
h3, .h3 { font-size: $h3-font-size; }
|
17
|
+
h4, .h4 { font-size: $h4-font-size; }
|
18
|
+
h5, .h5 { font-size: $h5-font-size; }
|
19
|
+
h6, .h6 { font-size: $h6-font-size; }
|
20
20
|
|
21
21
|
.lead {
|
22
22
|
font-size: $lead-font-size;
|
@@ -51,8 +51,8 @@ h6, .h6 { font-size: $font-size-h6; }
|
|
51
51
|
//
|
52
52
|
|
53
53
|
hr {
|
54
|
-
margin-top:
|
55
|
-
margin-bottom:
|
54
|
+
margin-top: 1rem;
|
55
|
+
margin-bottom: 1rem;
|
56
56
|
border: 0;
|
57
57
|
border-top: $hr-border-width solid $hr-border-color;
|
58
58
|
}
|
@@ -108,10 +108,8 @@ mark,
|
|
108
108
|
|
109
109
|
// Blockquotes
|
110
110
|
.blockquote {
|
111
|
-
padding: ($spacer / 2) $spacer;
|
112
111
|
margin-bottom: $spacer;
|
113
112
|
font-size: $blockquote-font-size;
|
114
|
-
border-left: $blockquote-border-width solid $blockquote-border-color;
|
115
113
|
}
|
116
114
|
|
117
115
|
.blockquote-footer {
|
@@ -123,21 +121,3 @@ mark,
|
|
123
121
|
content: "\2014 \00A0"; // em dash, nbsp
|
124
122
|
}
|
125
123
|
}
|
126
|
-
|
127
|
-
// Opposite alignment of blockquote
|
128
|
-
.blockquote-reverse {
|
129
|
-
padding-right: $spacer;
|
130
|
-
padding-left: 0;
|
131
|
-
text-align: right;
|
132
|
-
border-right: $blockquote-border-width solid $blockquote-border-color;
|
133
|
-
border-left: 0;
|
134
|
-
}
|
135
|
-
|
136
|
-
.blockquote-reverse .blockquote-footer {
|
137
|
-
&::before {
|
138
|
-
content: "";
|
139
|
-
}
|
140
|
-
&::after {
|
141
|
-
content: "\00A0 \2014"; // nbsp, em dash
|
142
|
-
}
|
143
|
-
}
|
@@ -2,11 +2,13 @@
|
|
2
2
|
//
|
3
3
|
// Copy settings from this file into the provided `_custom.scss` to override
|
4
4
|
// the Bootstrap defaults without modifying key, versioned files.
|
5
|
-
|
5
|
+
//
|
6
|
+
// Variables should follow the `$component-state-property-size` formula for
|
7
|
+
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
|
6
8
|
|
7
9
|
// Table of Contents
|
8
10
|
//
|
9
|
-
//
|
11
|
+
// Color system
|
10
12
|
// Options
|
11
13
|
// Spacing
|
12
14
|
// Body
|
@@ -21,8 +23,8 @@
|
|
21
23
|
// Forms
|
22
24
|
// Dropdowns
|
23
25
|
// Z-index master list
|
24
|
-
// Navbar
|
25
26
|
// Navs
|
27
|
+
// Navbar
|
26
28
|
// Pagination
|
27
29
|
// Jumbotron
|
28
30
|
// Form states and alerts
|
@@ -41,82 +43,75 @@
|
|
41
43
|
// Close
|
42
44
|
// Code
|
43
45
|
|
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
46
|
|
89
|
-
|
90
|
-
// Colors
|
91
47
|
//
|
92
|
-
//
|
48
|
+
// Color system
|
49
|
+
//
|
93
50
|
|
94
|
-
// Start with assigning color names to specific hex values.
|
95
51
|
$white: #fff !default;
|
52
|
+
$gray-100: #f8f9fa !default;
|
53
|
+
$gray-200: #e9ecef !default;
|
54
|
+
$gray-300: #dee2e6 !default;
|
55
|
+
$gray-400: #ced4da !default;
|
56
|
+
$gray-500: #adb5bd !default;
|
57
|
+
$gray-600: #868e96 !default;
|
58
|
+
$gray-700: #495057 !default;
|
59
|
+
$gray-800: #343a40 !default;
|
60
|
+
$gray-900: #212529 !default;
|
96
61
|
$black: #000 !default;
|
97
|
-
|
98
|
-
$
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
$gray-
|
108
|
-
|
109
|
-
|
110
|
-
$
|
111
|
-
$
|
112
|
-
|
113
|
-
|
114
|
-
$
|
115
|
-
$
|
116
|
-
$
|
117
|
-
$
|
118
|
-
$
|
119
|
-
$
|
62
|
+
|
63
|
+
$grays: (
|
64
|
+
100: $gray-100,
|
65
|
+
200: $gray-200,
|
66
|
+
300: $gray-300,
|
67
|
+
400: $gray-400,
|
68
|
+
500: $gray-500,
|
69
|
+
600: $gray-600,
|
70
|
+
700: $gray-700,
|
71
|
+
800: $gray-800,
|
72
|
+
900: $gray-900
|
73
|
+
) !default;
|
74
|
+
|
75
|
+
$blue: #007bff !default;
|
76
|
+
$indigo: #6610f2 !default;
|
77
|
+
$purple: #6f42c1 !default;
|
78
|
+
$pink: #e83e8c !default;
|
79
|
+
$red: #dc3545 !default;
|
80
|
+
$orange: #fd7e14 !default;
|
81
|
+
$yellow: #ffc107 !default;
|
82
|
+
$green: #28a745 !default;
|
83
|
+
$teal: #20c997 !default;
|
84
|
+
$cyan: #17a2b8 !default;
|
85
|
+
|
86
|
+
$colors: (
|
87
|
+
blue: $blue,
|
88
|
+
indigo: $indigo,
|
89
|
+
purple: $purple,
|
90
|
+
pink: $pink,
|
91
|
+
red: $red,
|
92
|
+
orange: $orange,
|
93
|
+
yellow: $yellow,
|
94
|
+
green: $green,
|
95
|
+
teal: $teal,
|
96
|
+
cyan: $cyan,
|
97
|
+
white: $white,
|
98
|
+
gray: $gray-600,
|
99
|
+
gray-dark: $gray-800
|
100
|
+
) !default;
|
101
|
+
|
102
|
+
$theme-colors: (
|
103
|
+
primary: $blue,
|
104
|
+
secondary: $gray-600,
|
105
|
+
success: $green,
|
106
|
+
info: $cyan,
|
107
|
+
warning: $yellow,
|
108
|
+
danger: $red,
|
109
|
+
light: $gray-100,
|
110
|
+
dark: $gray-800
|
111
|
+
) !default;
|
112
|
+
|
113
|
+
// Set a specific jump point for requesting color jumps
|
114
|
+
$theme-color-interval: 8% !default;
|
120
115
|
|
121
116
|
|
122
117
|
// Options
|
@@ -138,36 +133,15 @@ $enable-print-styles: true !default;
|
|
138
133
|
// variables. Mostly focused on spacing.
|
139
134
|
// You can add more entries to the $spacers map, should you need more variation.
|
140
135
|
|
141
|
-
$spacer:
|
142
|
-
$spacer-x: $spacer !default;
|
143
|
-
$spacer-y: $spacer !default;
|
136
|
+
$spacer: 1rem !default;
|
144
137
|
$spacers: (
|
145
|
-
0:
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
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
|
-
)
|
138
|
+
0: 0,
|
139
|
+
1: ($spacer * .25),
|
140
|
+
2: ($spacer * .5),
|
141
|
+
3: $spacer,
|
142
|
+
4: ($spacer * 1.5),
|
143
|
+
5: ($spacer * 3)
|
169
144
|
) !default;
|
170
|
-
$border-width: 1px !default;
|
171
145
|
|
172
146
|
// This variable affects the `.h-*` and `.w-*` classes.
|
173
147
|
$sizes: (
|
@@ -182,16 +156,13 @@ $sizes: (
|
|
182
156
|
// Settings for the `<body>` element.
|
183
157
|
|
184
158
|
$body-bg: $white !default;
|
185
|
-
$body-color: $gray-
|
186
|
-
$inverse-bg: $gray-dark !default;
|
187
|
-
$inverse-color: $gray-lighter !default;
|
188
|
-
|
159
|
+
$body-color: $gray-900 !default;
|
189
160
|
|
190
161
|
// Links
|
191
162
|
//
|
192
163
|
// Style anchor elements.
|
193
164
|
|
194
|
-
$link-color:
|
165
|
+
$link-color: theme-color("primary") !default;
|
195
166
|
$link-decoration: none !default;
|
196
167
|
$link-hover-color: darken($link-color, 15%) !default;
|
197
168
|
$link-hover-decoration: underline !default;
|
@@ -230,29 +201,43 @@ $container-max-widths: (
|
|
230
201
|
//
|
231
202
|
// Set the number of columns and specify the width of the gutters.
|
232
203
|
|
233
|
-
$grid-columns:
|
234
|
-
$grid-gutter-width
|
235
|
-
|
236
|
-
|
237
|
-
|
238
|
-
|
239
|
-
|
240
|
-
|
241
|
-
|
204
|
+
$grid-columns: 12 !default;
|
205
|
+
$grid-gutter-width: 30px !default;
|
206
|
+
|
207
|
+
// Components
|
208
|
+
//
|
209
|
+
// Define common padding and border radius sizes and more.
|
210
|
+
|
211
|
+
$line-height-lg: 1.5 !default;
|
212
|
+
$line-height-sm: 1.5 !default;
|
213
|
+
|
214
|
+
$border-width: 1px !default;
|
215
|
+
|
216
|
+
$border-radius: .25rem !default;
|
217
|
+
$border-radius-lg: .3rem !default;
|
218
|
+
$border-radius-sm: .2rem !default;
|
219
|
+
|
220
|
+
$component-active-color: $white !default;
|
221
|
+
$component-active-bg: theme-color("primary") !default;
|
222
|
+
|
223
|
+
$caret-width: .3em !default;
|
224
|
+
|
225
|
+
$transition-base: all .2s ease-in-out !default;
|
226
|
+
$transition-fade: opacity .15s linear !default;
|
227
|
+
$transition-collapse: height .35s ease !default;
|
228
|
+
|
242
229
|
|
243
230
|
// Fonts
|
244
231
|
//
|
245
232
|
// Font, line-height, and color for body text, headings, and more.
|
246
233
|
|
247
|
-
$font-family-sans-serif: -apple-system,
|
248
|
-
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;
|
234
|
+
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
|
249
235
|
$font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
250
236
|
$font-family-base: $font-family-sans-serif !default;
|
251
237
|
|
252
238
|
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
|
253
239
|
$font-size-lg: 1.25rem !default;
|
254
240
|
$font-size-sm: .875rem !default;
|
255
|
-
$font-size-xs: .75rem !default;
|
256
241
|
|
257
242
|
$font-weight-normal: normal !default;
|
258
243
|
$font-weight-bold: bold !default;
|
@@ -260,12 +245,12 @@ $font-weight-bold: bold !default;
|
|
260
245
|
$font-weight-base: $font-weight-normal !default;
|
261
246
|
$line-height-base: 1.5 !default;
|
262
247
|
|
263
|
-
$font-size
|
264
|
-
$font-size
|
265
|
-
$font-size
|
266
|
-
$font-size
|
267
|
-
$font-size
|
268
|
-
$font-size
|
248
|
+
$h1-font-size: 2.5rem !default;
|
249
|
+
$h2-font-size: 2rem !default;
|
250
|
+
$h3-font-size: 1.75rem !default;
|
251
|
+
$h4-font-size: 1.5rem !default;
|
252
|
+
$h5-font-size: 1.25rem !default;
|
253
|
+
$h6-font-size: 1rem !default;
|
269
254
|
|
270
255
|
$headings-margin-bottom: ($spacer / 2) !default;
|
271
256
|
$headings-font-family: inherit !default;
|
@@ -289,14 +274,10 @@ $lead-font-weight: 300 !default;
|
|
289
274
|
|
290
275
|
$small-font-size: 80% !default;
|
291
276
|
|
292
|
-
$text-muted: $gray-
|
293
|
-
|
294
|
-
$abbr-border-color: $gray-light !default;
|
277
|
+
$text-muted: $gray-600 !default;
|
295
278
|
|
296
|
-
$blockquote-small-color: $gray-
|
279
|
+
$blockquote-small-color: $gray-600 !default;
|
297
280
|
$blockquote-font-size: ($font-size-base * 1.25) !default;
|
298
|
-
$blockquote-border-color: $gray-lighter !default;
|
299
|
-
$blockquote-border-width: .25rem !default;
|
300
281
|
|
301
282
|
$hr-border-color: rgba($black,.1) !default;
|
302
283
|
$hr-border-width: $border-width !default;
|
@@ -310,26 +291,7 @@ $nested-kbd-font-weight: $font-weight-bold !default;
|
|
310
291
|
|
311
292
|
$list-inline-padding: 5px !default;
|
312
293
|
|
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;
|
294
|
+
$mark-bg: #fcf8e3 !default;
|
333
295
|
|
334
296
|
|
335
297
|
// Tables
|
@@ -337,89 +299,65 @@ $transition-collapse: height .35s ease !default;
|
|
337
299
|
// Customizes the `.table` component with basic values, each used across all table variations.
|
338
300
|
|
339
301
|
$table-cell-padding: .75rem !default;
|
340
|
-
$table-
|
302
|
+
$table-cell-padding-sm: .3rem !default;
|
341
303
|
|
342
304
|
$table-bg: transparent !default;
|
305
|
+
$table-accent-bg: rgba($black,.05) !default;
|
306
|
+
$table-hover-bg: rgba($black,.075) !default;
|
307
|
+
$table-active-bg: $table-hover-bg !default;
|
343
308
|
|
344
|
-
$table-
|
345
|
-
$table-
|
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;
|
309
|
+
$table-border-width: $border-width !default;
|
310
|
+
$table-border-color: $gray-200 !default;
|
350
311
|
|
351
|
-
$table-head-bg: $gray-
|
352
|
-
$table-head-color: $gray !default;
|
312
|
+
$table-head-bg: $gray-200 !default;
|
313
|
+
$table-head-color: $gray-700 !default;
|
353
314
|
|
354
|
-
$table-
|
355
|
-
$table-
|
315
|
+
$table-inverse-bg: $gray-900 !default;
|
316
|
+
$table-inverse-accent-bg: rgba($white, .05) !default;
|
317
|
+
$table-inverse-hover-bg: rgba($white, .075) !default;
|
318
|
+
$table-inverse-border-color: lighten($gray-900, 7.5%) !default;
|
319
|
+
$table-inverse-color: $body-bg !default;
|
356
320
|
|
357
321
|
|
358
322
|
// Buttons
|
359
323
|
//
|
360
324
|
// For each of Bootstrap's buttons, define text, background and border color.
|
361
325
|
|
362
|
-
$btn-padding-
|
363
|
-
$btn-padding-
|
364
|
-
$btn-line-height:
|
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;
|
326
|
+
$input-btn-padding-y: .5rem !default;
|
327
|
+
$input-btn-padding-x: .75rem !default;
|
328
|
+
$input-btn-line-height: 1.25 !default;
|
373
329
|
|
374
|
-
$btn-
|
375
|
-
$btn-
|
376
|
-
$btn-
|
330
|
+
$input-btn-padding-y-sm: .25rem !default;
|
331
|
+
$input-btn-padding-x-sm: .5rem !default;
|
332
|
+
$input-btn-line-height-sm: 1.5 !default;
|
377
333
|
|
378
|
-
$btn-
|
379
|
-
$btn-
|
380
|
-
$btn-
|
334
|
+
$input-btn-padding-y-lg: .5rem !default;
|
335
|
+
$input-btn-padding-x-lg: 1rem !default;
|
336
|
+
$input-btn-line-height-lg: 1.5 !default;
|
381
337
|
|
382
|
-
$btn-
|
383
|
-
$btn-
|
384
|
-
$btn-
|
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: .5rem !default;
|
397
|
-
$btn-padding-y-sm: .25rem !default;
|
338
|
+
$btn-font-weight: $font-weight-normal !default;
|
339
|
+
$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
|
340
|
+
$btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25) !default;
|
341
|
+
$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
|
398
342
|
|
399
|
-
$btn-
|
400
|
-
$btn-padding-y-lg: .75rem !default;
|
343
|
+
$btn-link-disabled-color: $gray-600 !default;
|
401
344
|
|
402
345
|
$btn-block-spacing-y: .5rem !default;
|
403
|
-
$btn-toolbar-margin: .5rem !default;
|
404
346
|
|
405
347
|
// Allows for customizing button radius independently from global border radius
|
406
348
|
$btn-border-radius: $border-radius !default;
|
407
349
|
$btn-border-radius-lg: $border-radius-lg !default;
|
408
350
|
$btn-border-radius-sm: $border-radius-sm !default;
|
409
351
|
|
410
|
-
$btn-transition: all .
|
352
|
+
$btn-transition: all .15s ease-in-out !default;
|
411
353
|
|
412
354
|
|
413
355
|
// Forms
|
414
356
|
|
415
|
-
$input-padding-x: .75rem !default;
|
416
|
-
$input-padding-y: .5rem !default;
|
417
|
-
$input-line-height: 1.25 !default;
|
418
|
-
|
419
357
|
$input-bg: $white !default;
|
420
|
-
$input-bg
|
358
|
+
$input-disabled-bg: $gray-200 !default;
|
421
359
|
|
422
|
-
$input-color: $gray !default;
|
360
|
+
$input-color: $gray-700 !default;
|
423
361
|
$input-border-color: rgba($black,.15) !default;
|
424
362
|
$input-btn-border-width: $border-width !default; // For form controls and buttons
|
425
363
|
$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
|
@@ -428,27 +366,27 @@ $input-border-radius: $border-radius !default;
|
|
428
366
|
$input-border-radius-lg: $border-radius-lg !default;
|
429
367
|
$input-border-radius-sm: $border-radius-sm !default;
|
430
368
|
|
431
|
-
$input-bg
|
432
|
-
$input-border-
|
433
|
-
$input-box-shadow
|
434
|
-
$input-color
|
369
|
+
$input-focus-bg: $input-bg !default;
|
370
|
+
$input-focus-border-color: lighten(theme-color("primary"), 25%) !default;
|
371
|
+
$input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow !default;
|
372
|
+
$input-focus-color: $input-color !default;
|
373
|
+
|
374
|
+
$input-placeholder-color: $gray-600 !default;
|
435
375
|
|
436
|
-
$input-
|
376
|
+
$input-height-border: $input-btn-border-width * 2 !default;
|
437
377
|
|
438
|
-
$input-
|
439
|
-
$input-
|
378
|
+
$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
|
379
|
+
$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
|
440
380
|
|
441
|
-
$input-
|
442
|
-
$input-
|
381
|
+
$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
|
382
|
+
$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
|
443
383
|
|
444
|
-
$input-height:
|
445
|
-
$input-height-lg:
|
446
|
-
$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
|
384
|
+
$input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
|
385
|
+
$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
|
447
386
|
|
448
387
|
$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
|
449
388
|
|
450
389
|
$form-text-margin-top: .25rem !default;
|
451
|
-
$form-feedback-margin-top: $form-text-margin-top !default;
|
452
390
|
|
453
391
|
$form-check-margin-bottom: .5rem !default;
|
454
392
|
$form-check-input-gutter: 1.25rem !default;
|
@@ -457,56 +395,53 @@ $form-check-input-margin-x: .25rem !default;
|
|
457
395
|
|
458
396
|
$form-check-inline-margin-x: .75rem !default;
|
459
397
|
|
460
|
-
$form-group-margin-bottom:
|
398
|
+
$form-group-margin-bottom: 1rem !default;
|
461
399
|
|
462
|
-
$input-group-addon-bg: $gray-
|
400
|
+
$input-group-addon-bg: $gray-200 !default;
|
463
401
|
$input-group-addon-border-color: $input-border-color !default;
|
464
402
|
|
465
|
-
$cursor-disabled: not-allowed !default;
|
466
|
-
|
467
403
|
$custom-control-gutter: 1.5rem !default;
|
468
|
-
$custom-control-spacer-x: 1rem !default;
|
469
404
|
$custom-control-spacer-y: .25rem !default;
|
405
|
+
$custom-control-spacer-x: 1rem !default;
|
470
406
|
|
471
407
|
$custom-control-indicator-size: 1rem !default;
|
472
|
-
$custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
|
473
408
|
$custom-control-indicator-bg: #ddd !default;
|
474
409
|
$custom-control-indicator-bg-size: 50% 50% !default;
|
475
410
|
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
|
476
411
|
|
477
|
-
$custom-control-disabled-
|
478
|
-
$custom-control-disabled-
|
479
|
-
$custom-control-disabled-description-color: $gray-light !default;
|
412
|
+
$custom-control-indicator-disabled-bg: $gray-200 !default;
|
413
|
+
$custom-control-description-disabled-color: $gray-600 !default;
|
480
414
|
|
481
|
-
$custom-control-checked-
|
482
|
-
$custom-control-checked-
|
483
|
-
$custom-control-checked-
|
415
|
+
$custom-control-indicator-checked-color: $white !default;
|
416
|
+
$custom-control-indicator-checked-bg: theme-color("primary") !default;
|
417
|
+
$custom-control-indicator-checked-box-shadow: none !default;
|
484
418
|
|
485
|
-
$custom-control-focus-
|
419
|
+
$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;
|
486
420
|
|
487
|
-
$custom-control-active-
|
488
|
-
$custom-control-active-
|
489
|
-
$custom-control-active-
|
421
|
+
$custom-control-indicator-active-color: $white !default;
|
422
|
+
$custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%) !default;
|
423
|
+
$custom-control-indicator-active-box-shadow: none !default;
|
490
424
|
|
491
|
-
$custom-checkbox-radius: $border-radius !default;
|
492
|
-
$custom-checkbox-
|
425
|
+
$custom-checkbox-indicator-border-radius: $border-radius !default;
|
426
|
+
$custom-checkbox-indicator-icon-checked: 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-indicator-checked-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
427
|
|
494
|
-
$custom-checkbox-indeterminate-bg:
|
495
|
-
$custom-checkbox-indeterminate-
|
496
|
-
$custom-checkbox-
|
497
|
-
$custom-checkbox-indeterminate-box-shadow: none !default;
|
428
|
+
$custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
|
429
|
+
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
|
430
|
+
$custom-checkbox-indicator-icon-indeterminate: 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-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
|
431
|
+
$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
|
498
432
|
|
499
|
-
$custom-radio-radius: 50% !default;
|
500
|
-
$custom-radio-
|
433
|
+
$custom-radio-indicator-border-radius: 50% !default;
|
434
|
+
$custom-radio-indicator-icon-checked: 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-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
|
501
435
|
|
502
|
-
$custom-select-padding-x: .75rem !default;
|
503
436
|
$custom-select-padding-y: .375rem !default;
|
437
|
+
$custom-select-padding-x: .75rem !default;
|
438
|
+
$custom-select-height: $input-height !default;
|
504
439
|
$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;
|
440
|
+
$custom-select-line-height: $input-btn-line-height !default;
|
506
441
|
$custom-select-color: $input-color !default;
|
507
|
-
$custom-select-disabled-color: $gray-
|
442
|
+
$custom-select-disabled-color: $gray-600 !default;
|
508
443
|
$custom-select-bg: $white !default;
|
509
|
-
$custom-select-disabled-bg: $gray-
|
444
|
+
$custom-select-disabled-bg: $gray-200 !default;
|
510
445
|
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
511
446
|
$custom-select-indicator-color: #333 !default;
|
512
447
|
$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;
|
@@ -514,27 +449,27 @@ $custom-select-border-width: $input-btn-border-width !default;
|
|
514
449
|
$custom-select-border-color: $input-border-color !default;
|
515
450
|
$custom-select-border-radius: $border-radius !default;
|
516
451
|
|
517
|
-
$custom-select-focus-border-color: lighten(
|
452
|
+
$custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
|
518
453
|
$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
|
519
454
|
|
520
|
-
$custom-select-
|
521
|
-
$custom-select-sm-
|
455
|
+
$custom-select-font-size-sm: 75% !default;
|
456
|
+
$custom-select-height-sm: $input-height-sm !default;
|
522
457
|
|
523
458
|
$custom-file-height: 2.5rem !default;
|
524
459
|
$custom-file-width: 14rem !default;
|
525
|
-
$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem
|
460
|
+
$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;
|
526
461
|
|
527
|
-
$custom-file-padding-x: .5rem !default;
|
528
462
|
$custom-file-padding-y: 1rem !default;
|
463
|
+
$custom-file-padding-x: .5rem !default;
|
529
464
|
$custom-file-line-height: 1.5 !default;
|
530
|
-
$custom-file-color: $gray !default;
|
465
|
+
$custom-file-color: $gray-700 !default;
|
531
466
|
$custom-file-bg: $white !default;
|
532
467
|
$custom-file-border-width: $border-width !default;
|
533
468
|
$custom-file-border-color: $input-border-color !default;
|
534
469
|
$custom-file-border-radius: $border-radius !default;
|
535
470
|
$custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;
|
536
471
|
$custom-file-button-color: $custom-file-color !default;
|
537
|
-
$custom-file-button-bg: $gray-
|
472
|
+
$custom-file-button-bg: $gray-200 !default;
|
538
473
|
$custom-file-text: (
|
539
474
|
placeholder: (
|
540
475
|
en: "Choose file..."
|
@@ -545,15 +480,9 @@ $custom-file-text: (
|
|
545
480
|
) !default;
|
546
481
|
|
547
482
|
|
548
|
-
// Form validation
|
549
|
-
$form-
|
550
|
-
$form-
|
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;
|
483
|
+
// Form validation
|
484
|
+
$form-feedback-valid-color: theme-color("success") !default;
|
485
|
+
$form-feedback-invalid-color: theme-color("danger") !default;
|
557
486
|
|
558
487
|
|
559
488
|
// Dropdowns
|
@@ -562,25 +491,26 @@ $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns
|
|
562
491
|
|
563
492
|
$dropdown-min-width: 10rem !default;
|
564
493
|
$dropdown-padding-y: .5rem !default;
|
565
|
-
$dropdown-
|
494
|
+
$dropdown-spacer: .125rem !default;
|
566
495
|
$dropdown-bg: $white !default;
|
567
496
|
$dropdown-border-color: rgba($black,.15) !default;
|
568
497
|
$dropdown-border-width: $border-width !default;
|
569
|
-
$dropdown-divider-bg: $gray-
|
498
|
+
$dropdown-divider-bg: $gray-200 !default;
|
570
499
|
$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
|
571
500
|
|
572
|
-
$dropdown-link-color: $gray-
|
573
|
-
$dropdown-link-hover-color: darken($gray-
|
574
|
-
$dropdown-link-hover-bg: $gray-
|
501
|
+
$dropdown-link-color: $gray-900 !default;
|
502
|
+
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
|
503
|
+
$dropdown-link-hover-bg: $gray-100 !default;
|
575
504
|
|
576
505
|
$dropdown-link-active-color: $component-active-color !default;
|
577
506
|
$dropdown-link-active-bg: $component-active-bg !default;
|
578
507
|
|
579
|
-
$dropdown-link-disabled-color: $gray-
|
508
|
+
$dropdown-link-disabled-color: $gray-600 !default;
|
580
509
|
|
510
|
+
$dropdown-item-padding-y: .25rem !default;
|
581
511
|
$dropdown-item-padding-x: 1.5rem !default;
|
582
512
|
|
583
|
-
$dropdown-header-color: $gray-
|
513
|
+
$dropdown-header-color: $gray-600 !default;
|
584
514
|
|
585
515
|
|
586
516
|
// Z-index master list
|
@@ -588,75 +518,70 @@ $dropdown-header-color: $gray-light !default;
|
|
588
518
|
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
589
519
|
// of components dependent on the z-axis and are designed to all work together.
|
590
520
|
|
591
|
-
$zindex-dropdown-backdrop: 990 !default;
|
592
|
-
$zindex-navbar: 1000 !default;
|
593
521
|
$zindex-dropdown: 1000 !default;
|
522
|
+
$zindex-sticky: 1020 !default;
|
594
523
|
$zindex-fixed: 1030 !default;
|
595
|
-
$zindex-sticky: 1030 !default;
|
596
524
|
$zindex-modal-backdrop: 1040 !default;
|
597
525
|
$zindex-modal: 1050 !default;
|
598
526
|
$zindex-popover: 1060 !default;
|
599
527
|
$zindex-tooltip: 1070 !default;
|
600
528
|
|
529
|
+
// Navs
|
530
|
+
|
531
|
+
$nav-link-padding-y: .5rem !default;
|
532
|
+
$nav-link-padding-x: 1rem !default;
|
533
|
+
$nav-link-disabled-color: $gray-600 !default;
|
534
|
+
|
535
|
+
$nav-tabs-border-color: #ddd !default;
|
536
|
+
$nav-tabs-border-width: $border-width !default;
|
537
|
+
$nav-tabs-border-radius: $border-radius !default;
|
538
|
+
$nav-tabs-link-hover-border-color: $gray-200 !default;
|
539
|
+
$nav-tabs-link-active-color: $gray-700 !default;
|
540
|
+
$nav-tabs-link-active-bg: $body-bg !default;
|
541
|
+
$nav-tabs-link-active-border-color: #ddd !default;
|
542
|
+
|
543
|
+
$nav-pills-border-radius: $border-radius !default;
|
544
|
+
$nav-pills-link-active-color: $component-active-color !default;
|
545
|
+
$nav-pills-link-active-bg: $component-active-bg !default;
|
601
546
|
|
602
547
|
// Navbar
|
603
548
|
|
604
|
-
$navbar-border-radius: $border-radius !default;
|
605
|
-
$navbar-padding-x: $spacer !default;
|
606
549
|
$navbar-padding-y: ($spacer / 2) !default;
|
550
|
+
$navbar-padding-x: $spacer !default;
|
607
551
|
|
608
|
-
$navbar-brand-
|
552
|
+
$navbar-brand-font-size: $font-size-lg !default;
|
553
|
+
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
554
|
+
$nav-link-height: $navbar-brand-font-size * $line-height-base !default;
|
555
|
+
$navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
|
556
|
+
$navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2 !default;
|
609
557
|
|
610
|
-
$navbar-toggler-padding-x: .75rem !default;
|
611
558
|
$navbar-toggler-padding-y: .25rem !default;
|
559
|
+
$navbar-toggler-padding-x: .75rem !default;
|
612
560
|
$navbar-toggler-font-size: $font-size-lg !default;
|
613
561
|
$navbar-toggler-border-radius: $btn-border-radius !default;
|
614
562
|
|
615
|
-
$navbar-
|
616
|
-
$navbar-
|
617
|
-
$navbar-
|
618
|
-
$navbar-
|
619
|
-
$navbar-
|
620
|
-
$navbar-
|
563
|
+
$navbar-dark-color: rgba($white,.5) !default;
|
564
|
+
$navbar-dark-hover-color: rgba($white,.75) !default;
|
565
|
+
$navbar-dark-active-color: rgba($white,1) !default;
|
566
|
+
$navbar-dark-disabled-color: rgba($white,.25) !default;
|
567
|
+
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
|
568
|
+
$navbar-dark-toggler-border-color: rgba($white,.1) !default;
|
621
569
|
|
622
570
|
$navbar-light-color: rgba($black,.5) !default;
|
623
571
|
$navbar-light-hover-color: rgba($black,.7) !default;
|
624
572
|
$navbar-light-active-color: rgba($black,.9) !default;
|
625
573
|
$navbar-light-disabled-color: rgba($black,.3) !default;
|
626
|
-
$navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0
|
627
|
-
$navbar-light-toggler-border:
|
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
|
-
|
574
|
+
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
|
575
|
+
$navbar-light-toggler-border-color: rgba($black,.1) !default;
|
651
576
|
|
652
577
|
// Pagination
|
653
578
|
|
654
|
-
$pagination-padding-x: .75rem !default;
|
655
579
|
$pagination-padding-y: .5rem !default;
|
656
|
-
$pagination-padding-x
|
580
|
+
$pagination-padding-x: .75rem !default;
|
657
581
|
$pagination-padding-y-sm: .25rem !default;
|
658
|
-
$pagination-padding-x-
|
582
|
+
$pagination-padding-x-sm: .5rem !default;
|
659
583
|
$pagination-padding-y-lg: .75rem !default;
|
584
|
+
$pagination-padding-x-lg: 1.5rem !default;
|
660
585
|
$pagination-line-height: 1.25 !default;
|
661
586
|
|
662
587
|
$pagination-color: $link-color !default;
|
@@ -665,62 +590,38 @@ $pagination-border-width: $border-width !default;
|
|
665
590
|
$pagination-border-color: #ddd !default;
|
666
591
|
|
667
592
|
$pagination-hover-color: $link-hover-color !default;
|
668
|
-
$pagination-hover-bg: $gray-
|
669
|
-
$pagination-hover-border:
|
593
|
+
$pagination-hover-bg: $gray-200 !default;
|
594
|
+
$pagination-hover-border-color: #ddd !default;
|
670
595
|
|
671
596
|
$pagination-active-color: $white !default;
|
672
|
-
$pagination-active-bg:
|
673
|
-
$pagination-active-border:
|
597
|
+
$pagination-active-bg: theme-color("primary") !default;
|
598
|
+
$pagination-active-border-color: theme-color("primary") !default;
|
674
599
|
|
675
|
-
$pagination-disabled-color: $gray-
|
600
|
+
$pagination-disabled-color: $gray-600 !default;
|
676
601
|
$pagination-disabled-bg: $white !default;
|
677
|
-
$pagination-disabled-border:
|
602
|
+
$pagination-disabled-border-color: #ddd !default;
|
678
603
|
|
679
604
|
|
680
605
|
// Jumbotron
|
681
606
|
|
682
607
|
$jumbotron-padding: 2rem !default;
|
683
|
-
$jumbotron-bg: $gray-
|
684
|
-
|
685
|
-
|
686
|
-
// Form states and alerts
|
687
|
-
//
|
688
|
-
// Define colors for form feedback states and, by default, alerts.
|
689
|
-
|
690
|
-
$state-success-text: #3c763d !default;
|
691
|
-
$state-success-bg: #dff0d8 !default;
|
692
|
-
$state-success-border: darken($state-success-bg, 5%) !default;
|
693
|
-
|
694
|
-
$state-info-text: #31708f !default;
|
695
|
-
$state-info-bg: #d9edf7 !default;
|
696
|
-
$state-info-border: darken($state-info-bg, 7%) !default;
|
697
|
-
|
698
|
-
$state-warning-text: #8a6d3b !default;
|
699
|
-
$state-warning-bg: #fcf8e3 !default;
|
700
|
-
$mark-bg: $state-warning-bg !default;
|
701
|
-
$state-warning-border: darken($state-warning-bg, 5%) !default;
|
702
|
-
|
703
|
-
$state-danger-text: #a94442 !default;
|
704
|
-
$state-danger-bg: #f2dede !default;
|
705
|
-
$state-danger-border: darken($state-danger-bg, 5%) !default;
|
608
|
+
$jumbotron-bg: $gray-200 !default;
|
706
609
|
|
707
610
|
|
708
611
|
// Cards
|
709
612
|
|
710
|
-
$card-spacer-x: 1.25rem !default;
|
711
613
|
$card-spacer-y: .75rem !default;
|
614
|
+
$card-spacer-x: 1.25rem !default;
|
712
615
|
$card-border-width: 1px !default;
|
713
616
|
$card-border-radius: $border-radius !default;
|
714
617
|
$card-border-color: rgba($black,.125) !default;
|
715
|
-
$card-border-radius
|
716
|
-
$card-cap-bg: $
|
618
|
+
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
619
|
+
$card-cap-bg: rgba($black, .03) !default;
|
717
620
|
$card-bg: $white !default;
|
718
621
|
|
719
|
-
$card-link-hover-color: $white !default;
|
720
|
-
|
721
622
|
$card-img-overlay-padding: 1.25rem !default;
|
722
623
|
|
723
|
-
$card-deck-margin: ($grid-gutter-width
|
624
|
+
$card-deck-margin: ($grid-gutter-width / 2) !default;
|
724
625
|
|
725
626
|
$card-columns-count: 3 !default;
|
726
627
|
$card-columns-gap: 1.25rem !default;
|
@@ -735,9 +636,11 @@ $tooltip-bg: $black !default;
|
|
735
636
|
$tooltip-opacity: .9 !default;
|
736
637
|
$tooltip-padding-y: 3px !default;
|
737
638
|
$tooltip-padding-x: 8px !default;
|
738
|
-
$tooltip-margin:
|
639
|
+
$tooltip-margin: 0 !default;
|
640
|
+
|
739
641
|
|
740
642
|
$tooltip-arrow-width: 5px !default;
|
643
|
+
$tooltip-arrow-height: 5px !default;
|
741
644
|
$tooltip-arrow-color: $tooltip-bg !default;
|
742
645
|
|
743
646
|
|
@@ -750,14 +653,17 @@ $popover-border-width: $border-width !default;
|
|
750
653
|
$popover-border-color: rgba($black,.2) !default;
|
751
654
|
$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;
|
752
655
|
|
753
|
-
$popover-
|
754
|
-
$popover-
|
755
|
-
$popover-
|
656
|
+
$popover-header-bg: darken($popover-bg, 3%) !default;
|
657
|
+
$popover-header-color: $headings-color !default;
|
658
|
+
$popover-header-padding-y: 8px !default;
|
659
|
+
$popover-header-padding-x: 14px !default;
|
756
660
|
|
757
|
-
$popover-
|
758
|
-
$popover-
|
661
|
+
$popover-body-color: $body-color !default;
|
662
|
+
$popover-body-padding-y: 9px !default;
|
663
|
+
$popover-body-padding-x: 14px !default;
|
759
664
|
|
760
665
|
$popover-arrow-width: 10px !default;
|
666
|
+
$popover-arrow-height: 5px !default;
|
761
667
|
$popover-arrow-color: $popover-bg !default;
|
762
668
|
|
763
669
|
$popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;
|
@@ -766,19 +672,11 @@ $popover-arrow-outer-color: fade-in($popover-border-color, .05) !defau
|
|
766
672
|
|
767
673
|
// Badges
|
768
674
|
|
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;
|
775
|
-
|
776
675
|
$badge-color: $white !default;
|
777
|
-
$badge-link-hover-color: $white !default;
|
778
676
|
$badge-font-size: 75% !default;
|
779
677
|
$badge-font-weight: $font-weight-bold !default;
|
780
|
-
$badge-padding-x: .4em !default;
|
781
678
|
$badge-padding-y: .25em !default;
|
679
|
+
$badge-padding-x: .4em !default;
|
782
680
|
|
783
681
|
$badge-pill-padding-x: .6em !default;
|
784
682
|
// Use a higher than normal value to ensure completely rounded edges when
|
@@ -792,19 +690,19 @@ $badge-pill-border-radius: 10rem !default;
|
|
792
690
|
$modal-inner-padding: 15px !default;
|
793
691
|
|
794
692
|
$modal-dialog-margin: 10px !default;
|
795
|
-
$modal-dialog-sm-up
|
693
|
+
$modal-dialog-margin-y-sm-up: 30px !default;
|
796
694
|
|
797
695
|
$modal-title-line-height: $line-height-base !default;
|
798
696
|
|
799
697
|
$modal-content-bg: $white !default;
|
800
698
|
$modal-content-border-color: rgba($black,.2) !default;
|
801
699
|
$modal-content-border-width: $border-width !default;
|
802
|
-
$modal-content-
|
803
|
-
$modal-content-sm-up
|
700
|
+
$modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default;
|
701
|
+
$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;
|
804
702
|
|
805
703
|
$modal-backdrop-bg: $black !default;
|
806
704
|
$modal-backdrop-opacity: .5 !default;
|
807
|
-
$modal-header-border-color: $gray-
|
705
|
+
$modal-header-border-color: $gray-200 !default;
|
808
706
|
$modal-footer-border-color: $modal-header-border-color !default;
|
809
707
|
$modal-header-border-width: $modal-content-border-width !default;
|
810
708
|
$modal-footer-border-width: $modal-header-border-width !default;
|
@@ -821,68 +719,49 @@ $modal-transition: transform .3s ease-out !default;
|
|
821
719
|
//
|
822
720
|
// Define alert colors, border radius, and padding.
|
823
721
|
|
824
|
-
$alert-padding-x: 1.25rem !default;
|
825
722
|
$alert-padding-y: .75rem !default;
|
826
|
-
$alert-
|
723
|
+
$alert-padding-x: 1.25rem !default;
|
724
|
+
$alert-margin-bottom: 1rem !default;
|
827
725
|
$alert-border-radius: $border-radius !default;
|
828
726
|
$alert-link-font-weight: $font-weight-bold !default;
|
829
727
|
$alert-border-width: $border-width !default;
|
830
728
|
|
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
729
|
|
848
730
|
// Progress bars
|
849
731
|
|
850
732
|
$progress-height: 1rem !default;
|
851
733
|
$progress-font-size: .75rem !default;
|
852
|
-
$progress-bg: $gray-
|
734
|
+
$progress-bg: $gray-200 !default;
|
853
735
|
$progress-border-radius: $border-radius !default;
|
854
736
|
$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;
|
855
737
|
$progress-bar-color: $white !default;
|
856
|
-
$progress-bar-bg:
|
738
|
+
$progress-bar-bg: theme-color("primary") !default;
|
857
739
|
$progress-bar-animation-timing: 1s linear infinite !default;
|
740
|
+
$progress-bar-transition: width .6s ease !default;
|
858
741
|
|
859
742
|
// List group
|
860
743
|
|
861
|
-
$list-group-color: $body-color !default;
|
862
744
|
$list-group-bg: $white !default;
|
863
745
|
$list-group-border-color: rgba($black,.125) !default;
|
864
746
|
$list-group-border-width: $border-width !default;
|
865
747
|
$list-group-border-radius: $border-radius !default;
|
866
748
|
|
867
|
-
$list-group-item-padding-x: 1.25rem !default;
|
868
749
|
$list-group-item-padding-y: .75rem !default;
|
750
|
+
$list-group-item-padding-x: 1.25rem !default;
|
869
751
|
|
870
|
-
$list-group-hover-bg:
|
871
|
-
$list-group-active-color:
|
872
|
-
$list-group-active-bg:
|
873
|
-
$list-group-active-border:
|
874
|
-
$list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;
|
752
|
+
$list-group-hover-bg: $gray-100 !default;
|
753
|
+
$list-group-active-color: $component-active-color !default;
|
754
|
+
$list-group-active-bg: $component-active-bg !default;
|
755
|
+
$list-group-active-border-color: $list-group-active-bg !default;
|
875
756
|
|
876
|
-
$list-group-disabled-color: $gray-
|
757
|
+
$list-group-disabled-color: $gray-600 !default;
|
877
758
|
$list-group-disabled-bg: $list-group-bg !default;
|
878
|
-
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
879
759
|
|
880
|
-
$list-group-
|
881
|
-
$list-group-
|
882
|
-
$list-group-link-hover-color: $list-group-link-color !default;
|
760
|
+
$list-group-action-color: $gray-700 !default;
|
761
|
+
$list-group-action-hover-color: $list-group-action-color !default;
|
883
762
|
|
884
|
-
$list-group-
|
885
|
-
$list-group-
|
763
|
+
$list-group-action-active-color: $body-color !default;
|
764
|
+
$list-group-action-active-bg: $gray-200 !default;
|
886
765
|
|
887
766
|
|
888
767
|
// Image thumbnails
|
@@ -899,7 +778,7 @@ $thumbnail-transition: all .2s ease-in-out !default;
|
|
899
778
|
// Figures
|
900
779
|
|
901
780
|
$figure-caption-font-size: 90% !default;
|
902
|
-
$figure-caption-color: $gray-
|
781
|
+
$figure-caption-color: $gray-600 !default;
|
903
782
|
|
904
783
|
|
905
784
|
// Breadcrumbs
|
@@ -908,9 +787,9 @@ $breadcrumb-padding-y: .75rem !default;
|
|
908
787
|
$breadcrumb-padding-x: 1rem !default;
|
909
788
|
$breadcrumb-item-padding: .5rem !default;
|
910
789
|
|
911
|
-
$breadcrumb-bg: $gray-
|
912
|
-
$breadcrumb-divider-color: $gray-
|
913
|
-
$breadcrumb-active-color: $gray-
|
790
|
+
$breadcrumb-bg: $gray-200 !default;
|
791
|
+
$breadcrumb-divider-color: $gray-600 !default;
|
792
|
+
$breadcrumb-active-color: $gray-600 !default;
|
914
793
|
$breadcrumb-divider: "/" !default;
|
915
794
|
|
916
795
|
|
@@ -933,7 +812,7 @@ $carousel-control-icon-width: 20px !default;
|
|
933
812
|
$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
813
|
$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
814
|
|
936
|
-
$carousel-transition: transform .6s ease
|
815
|
+
$carousel-transition: transform .6s ease !default;
|
937
816
|
|
938
817
|
|
939
818
|
// Close
|
@@ -943,19 +822,16 @@ $close-font-weight: $font-weight-bold !default;
|
|
943
822
|
$close-color: $black !default;
|
944
823
|
$close-text-shadow: 0 1px 0 $white !default;
|
945
824
|
|
946
|
-
|
947
825
|
// Code
|
948
826
|
|
949
827
|
$code-font-size: 90% !default;
|
950
|
-
$code-padding-x: .4rem !default;
|
951
828
|
$code-padding-y: .2rem !default;
|
829
|
+
$code-padding-x: .4rem !default;
|
952
830
|
$code-color: #bd4147 !default;
|
953
|
-
$code-bg: $gray-
|
831
|
+
$code-bg: $gray-100 !default;
|
954
832
|
|
955
833
|
$kbd-color: $white !default;
|
956
|
-
$kbd-bg: $gray-
|
834
|
+
$kbd-bg: $gray-900 !default;
|
957
835
|
|
958
|
-
$pre-
|
959
|
-
$pre-color: $gray-dark !default;
|
960
|
-
$pre-border-color: #ccc !default;
|
836
|
+
$pre-color: $gray-900 !default;
|
961
837
|
$pre-scrollable-max-height: 340px !default;
|