bootstrap-honoka-rails 3.3.7.5 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +23 -94
- data/Rakefile +17 -39
- data/assets/stylesheets/_honoka.scss +5 -0
- data/assets/stylesheets/_nico.scss +5 -0
- data/assets/stylesheets/_umi.scss +5 -0
- data/assets/stylesheets/honoka/_honoka.scss +25 -36
- data/assets/stylesheets/honoka/_mixins.scss +1 -60
- data/assets/stylesheets/honoka/_override.scss +35 -63
- data/assets/stylesheets/honoka/_variables.scss +729 -710
- data/assets/stylesheets/nico/_honoka.scss +25 -36
- data/assets/stylesheets/nico/_mixins.scss +1 -60
- data/assets/stylesheets/nico/_override.scss +66 -68
- data/assets/stylesheets/nico/_variables.scss +730 -710
- data/assets/stylesheets/umi/_bootswatch.scss +193 -0
- data/assets/stylesheets/umi/_honoka.scss +28 -36
- data/assets/stylesheets/umi/_mixins.scss +1 -60
- data/assets/stylesheets/umi/_override.scss +35 -63
- data/assets/stylesheets/umi/_variables.scss +730 -710
- data/lib/bootstrap/honoka/rails.rb +0 -5
- data/lib/bootstrap/honoka/rails/engine.rb +4 -2
- data/lib/bootstrap/honoka/rails/version.rb +1 -5
- data/test/dummy/app/assets/javascripts/application.js +2 -2
- data/test/dummy/app/assets/stylesheets/application.css +1 -0
- data/test/dummy/app/assets/stylesheets/honoka.css +0 -1
- data/test/dummy/app/assets/stylesheets/nico.css +0 -1
- data/test/dummy/app/assets/stylesheets/umi.css +0 -1
- data/test/dummy/app/controllers/pages_controller.rb +6 -4
- data/test/dummy/app/views/layouts/application.html.erb +1 -1
- data/test/dummy/app/views/pages/honoka.html.erb +1108 -682
- data/test/dummy/app/views/pages/nico.html.erb +994 -685
- data/test/dummy/app/views/pages/umi.html.erb +993 -684
- data/test/dummy/config/application.rb +4 -1
- data/test/dummy/config/environments/development.rb +24 -0
- data/test/dummy/config/environments/production.rb +8 -4
- data/test/dummy/config/initializers/assets.rb +1 -17
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/routes.rb +3 -3
- data/test/honoka_test.rb +4 -41
- data/test/test_helper.rb +5 -49
- metadata +16 -117
- data/VERSIONS.md +0 -10
- data/assets/stylesheets/_rin.scss +0 -3
- data/assets/stylesheets/honoka/_font.scss +0 -58
- data/assets/stylesheets/nico/_font.scss +0 -58
- data/assets/stylesheets/rin/_font.scss +0 -58
- data/assets/stylesheets/rin/_honoka.scss +0 -60
- data/assets/stylesheets/rin/_mixins.scss +0 -60
- data/assets/stylesheets/rin/_override.scss +0 -372
- data/assets/stylesheets/rin/_variables.scss +0 -877
- data/assets/stylesheets/umi/_font.scss +0 -58
- data/test/dummy/app/assets/stylesheets/rin.css +0 -4
- data/test/dummy/app/views/pages/rin.html.erb +0 -1278
- data/test/dummy/bin/rails +0 -4
- data/test/dummy/production_key_generate.sh +0 -4
- data/test/dummy/public/favicon.ico +0 -0
- data/test/support/dummy_integration.rb +0 -57
- data/test/support/dummy_reporters.rb +0 -61
|
@@ -1,877 +1,896 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
+
// Variables
|
|
3
|
+
//
|
|
4
|
+
// Variables should follow the `$component-state-property-size` formula for
|
|
5
|
+
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
//
|
|
9
|
+
// Color system
|
|
10
|
+
//
|
|
11
|
+
|
|
12
|
+
// stylelint-disable
|
|
13
|
+
$white: #fff !default;
|
|
14
|
+
$gray-100: #f8f9fa !default;
|
|
15
|
+
$gray-200: #e9ecef !default;
|
|
16
|
+
$gray-300: #dee2e6 !default;
|
|
17
|
+
$gray-400: #ced4da !default;
|
|
18
|
+
$gray-500: #adb5bd !default;
|
|
19
|
+
$gray-600: #6c757d !default;
|
|
20
|
+
$gray-700: #495057 !default;
|
|
21
|
+
$gray-800: #343a40 !default;
|
|
22
|
+
$gray-900: #212529 !default;
|
|
23
|
+
$black: #000 !default;
|
|
24
|
+
|
|
25
|
+
$grays: () !default;
|
|
26
|
+
$grays: map-merge((
|
|
27
|
+
"100": $gray-100,
|
|
28
|
+
"200": $gray-200,
|
|
29
|
+
"300": $gray-300,
|
|
30
|
+
"400": $gray-400,
|
|
31
|
+
"500": $gray-500,
|
|
32
|
+
"600": $gray-600,
|
|
33
|
+
"700": $gray-700,
|
|
34
|
+
"800": $gray-800,
|
|
35
|
+
"900": $gray-900
|
|
36
|
+
), $grays);
|
|
37
|
+
|
|
38
|
+
$blue: #007bff !default;
|
|
39
|
+
$indigo: #6610f2 !default;
|
|
40
|
+
$purple: #6f42c1 !default;
|
|
41
|
+
$pink: #e83e8c !default;
|
|
42
|
+
$red: #dc3545 !default;
|
|
43
|
+
$orange: #fd7e14 !default;
|
|
44
|
+
$yellow: #ffc107 !default;
|
|
45
|
+
$green: #28a745 !default;
|
|
46
|
+
$teal: #20c997 !default;
|
|
47
|
+
$cyan: #17a2b8 !default;
|
|
48
|
+
|
|
49
|
+
$colors: () !default;
|
|
50
|
+
$colors: map-merge((
|
|
51
|
+
"blue": $blue,
|
|
52
|
+
"indigo": $indigo,
|
|
53
|
+
"purple": $purple,
|
|
54
|
+
"pink": $pink,
|
|
55
|
+
"red": $red,
|
|
56
|
+
"orange": $orange,
|
|
57
|
+
"yellow": $yellow,
|
|
58
|
+
"green": $green,
|
|
59
|
+
"teal": $teal,
|
|
60
|
+
"cyan": $cyan,
|
|
61
|
+
"white": $white,
|
|
62
|
+
"gray": $gray-600,
|
|
63
|
+
"gray-dark": $gray-800
|
|
64
|
+
), $colors);
|
|
65
|
+
|
|
66
|
+
$primary: $blue !default;
|
|
67
|
+
$secondary: $gray-600 !default;
|
|
68
|
+
$success: $green !default;
|
|
69
|
+
$info: $cyan !default;
|
|
70
|
+
$warning: $yellow !default;
|
|
71
|
+
$danger: $red !default;
|
|
72
|
+
$light: $gray-100 !default;
|
|
73
|
+
$dark: $gray-800 !default;
|
|
74
|
+
|
|
75
|
+
$theme-colors: () !default;
|
|
76
|
+
$theme-colors: map-merge((
|
|
77
|
+
"primary": $primary,
|
|
78
|
+
"secondary": $secondary,
|
|
79
|
+
"success": $success,
|
|
80
|
+
"info": $info,
|
|
81
|
+
"warning": $warning,
|
|
82
|
+
"danger": $danger,
|
|
83
|
+
"light": $light,
|
|
84
|
+
"dark": $dark
|
|
85
|
+
), $theme-colors);
|
|
86
|
+
// stylelint-enable
|
|
87
|
+
|
|
88
|
+
// Set a specific jump point for requesting color jumps
|
|
89
|
+
$theme-color-interval: 8% !default;
|
|
90
|
+
|
|
91
|
+
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
|
92
|
+
$yiq-contrasted-threshold: 150 !default;
|
|
93
|
+
|
|
94
|
+
// Customize the light and dark text colors for use in our YIQ color contrast function.
|
|
95
|
+
$yiq-text-dark: $gray-900 !default;
|
|
96
|
+
$yiq-text-light: $white !default;
|
|
97
|
+
|
|
98
|
+
// Options
|
|
99
|
+
//
|
|
100
|
+
// Quickly modify global styling by enabling or disabling optional features.
|
|
101
|
+
|
|
102
|
+
$enable-caret: true !default;
|
|
103
|
+
$enable-rounded: true !default;
|
|
104
|
+
$enable-shadows: false !default;
|
|
105
|
+
$enable-gradients: false !default;
|
|
106
|
+
$enable-transitions: true !default;
|
|
107
|
+
$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
|
|
108
|
+
$enable-grid-classes: true !default;
|
|
109
|
+
$enable-print-styles: true !default;
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
// Spacing
|
|
113
|
+
//
|
|
114
|
+
// Control the default styling of most Bootstrap elements by modifying these
|
|
115
|
+
// variables. Mostly focused on spacing.
|
|
116
|
+
// You can add more entries to the $spacers map, should you need more variation.
|
|
117
|
+
|
|
118
|
+
// stylelint-disable
|
|
119
|
+
$spacer: 1rem !default;
|
|
120
|
+
$spacers: () !default;
|
|
121
|
+
$spacers: map-merge((
|
|
122
|
+
0: 0,
|
|
123
|
+
1: ($spacer * .25),
|
|
124
|
+
2: ($spacer * .5),
|
|
125
|
+
3: $spacer,
|
|
126
|
+
4: ($spacer * 1.5),
|
|
127
|
+
5: ($spacer * 3)
|
|
128
|
+
), $spacers);
|
|
2
129
|
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
130
|
+
// This variable affects the `.h-*` and `.w-*` classes.
|
|
131
|
+
$sizes: () !default;
|
|
132
|
+
$sizes: map-merge((
|
|
133
|
+
25: 25%,
|
|
134
|
+
50: 50%,
|
|
135
|
+
75: 75%,
|
|
136
|
+
100: 100%
|
|
137
|
+
), $sizes);
|
|
138
|
+
// stylelint-enable
|
|
8
139
|
|
|
140
|
+
// Body
|
|
9
141
|
//
|
|
10
|
-
//
|
|
11
|
-
// --------------------------------------------------
|
|
142
|
+
// Settings for the `<body>` element.
|
|
12
143
|
|
|
144
|
+
$body-bg: $white !default;
|
|
145
|
+
$body-color: $gray-900 !default;
|
|
13
146
|
|
|
14
|
-
|
|
147
|
+
// Links
|
|
15
148
|
//
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
$
|
|
19
|
-
$
|
|
20
|
-
$
|
|
21
|
-
$
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
$
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
149
|
+
// Style anchor elements.
|
|
150
|
+
|
|
151
|
+
$link-color: theme-color("primary") !default;
|
|
152
|
+
$link-decoration: none !default;
|
|
153
|
+
$link-hover-color: darken($link-color, 15%) !default;
|
|
154
|
+
$link-hover-decoration: underline !default;
|
|
155
|
+
|
|
156
|
+
// Paragraphs
|
|
157
|
+
//
|
|
158
|
+
// Style p element.
|
|
159
|
+
|
|
160
|
+
$paragraph-margin-bottom: 1rem !default;
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
// Grid breakpoints
|
|
164
|
+
//
|
|
165
|
+
// Define the minimum dimensions at which your layout will change,
|
|
166
|
+
// adapting to different screen sizes, for use in media queries.
|
|
167
|
+
|
|
168
|
+
$grid-breakpoints: (
|
|
169
|
+
xs: 0,
|
|
170
|
+
sm: 576px,
|
|
171
|
+
md: 768px,
|
|
172
|
+
lg: 992px,
|
|
173
|
+
xl: 1200px
|
|
174
|
+
) !default;
|
|
175
|
+
|
|
176
|
+
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
|
|
177
|
+
@include _assert-starts-at-zero($grid-breakpoints);
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
// Grid containers
|
|
32
181
|
//
|
|
33
|
-
|
|
182
|
+
// Define the maximum width of `.container` for different screen sizes.
|
|
34
183
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
184
|
+
$container-max-widths: (
|
|
185
|
+
sm: 540px,
|
|
186
|
+
md: 720px,
|
|
187
|
+
lg: 960px,
|
|
188
|
+
xl: 1140px
|
|
189
|
+
) !default;
|
|
39
190
|
|
|
40
|
-
|
|
41
|
-
$link-color: $brand-primary !default;
|
|
42
|
-
//** Link hover color set via `darken()` function.
|
|
43
|
-
$link-hover-color: darken($link-color, 15%) !default;
|
|
44
|
-
//** Link hover decoration.
|
|
45
|
-
$link-hover-decoration: underline !default;
|
|
191
|
+
@include _assert-ascending($container-max-widths, "$container-max-widths");
|
|
46
192
|
|
|
47
193
|
|
|
48
|
-
|
|
194
|
+
// Grid columns
|
|
49
195
|
//
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
$
|
|
53
|
-
$
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
$font-family-monospace: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
|
|
57
|
-
$font-family-base: $font-family-humanist-sans-serif !default;
|
|
58
|
-
|
|
59
|
-
$font-size-base: 16px !default;
|
|
60
|
-
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~20px
|
|
61
|
-
$font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px
|
|
62
|
-
|
|
63
|
-
$font-size-h1: floor(($font-size-base * 2)) !default; // ~32px
|
|
64
|
-
$font-size-h2: floor(($font-size-base * 1.75)) !default; // ~28px
|
|
65
|
-
$font-size-h3: ceil(($font-size-base * 1.5)) !default; // ~24px
|
|
66
|
-
$font-size-h4: ceil(($font-size-base * 1.15)) !default; // ~18px
|
|
67
|
-
$font-size-h5: $font-size-base !default;
|
|
68
|
-
$font-size-h6: ceil(($font-size-base * 0.75)) !default; // ~12px
|
|
69
|
-
|
|
70
|
-
//** Unit-less `line-height` for use in components like buttons.
|
|
71
|
-
$line-height-base: 1.5 !default; // 24/16
|
|
72
|
-
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
|
|
73
|
-
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~24px
|
|
74
|
-
|
|
75
|
-
//** By default, this inherits from the `<body>`.
|
|
76
|
-
$headings-font-family: $font-family-sans-serif !default;
|
|
77
|
-
$headings-font-weight: 300 !default;
|
|
78
|
-
$headings-line-height: 1.2 !default;
|
|
79
|
-
$headings-color: inherit !default;
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
//== Iconography
|
|
196
|
+
// Set the number of columns and specify the width of the gutters.
|
|
197
|
+
|
|
198
|
+
$grid-columns: 12 !default;
|
|
199
|
+
$grid-gutter-width: 30px !default;
|
|
200
|
+
|
|
201
|
+
// Components
|
|
83
202
|
//
|
|
84
|
-
|
|
203
|
+
// Define common padding and border radius sizes and more.
|
|
204
|
+
|
|
205
|
+
$line-height-lg: 1.5 !default;
|
|
206
|
+
$line-height-sm: 1.5 !default;
|
|
85
207
|
|
|
86
|
-
|
|
208
|
+
$border-width: 1px !default;
|
|
209
|
+
$border-color: $gray-300 !default;
|
|
87
210
|
|
|
88
|
-
|
|
89
|
-
$
|
|
211
|
+
$border-radius: .25rem !default;
|
|
212
|
+
$border-radius-lg: .3rem !default;
|
|
213
|
+
$border-radius-sm: .2rem !default;
|
|
90
214
|
|
|
91
|
-
|
|
92
|
-
$
|
|
93
|
-
//** Element ID within SVG icon file.
|
|
94
|
-
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
|
215
|
+
$component-active-color: $white !default;
|
|
216
|
+
$component-active-bg: theme-color("primary") !default;
|
|
95
217
|
|
|
218
|
+
$caret-width: .3em !default;
|
|
96
219
|
|
|
97
|
-
|
|
220
|
+
$transition-base: all .2s ease-in-out !default;
|
|
221
|
+
$transition-fade: opacity .15s linear !default;
|
|
222
|
+
$transition-collapse: height .35s ease !default;
|
|
223
|
+
|
|
224
|
+
|
|
225
|
+
// Fonts
|
|
98
226
|
//
|
|
99
|
-
|
|
227
|
+
// Font, line-height, and color for body text, headings, and more.
|
|
100
228
|
|
|
101
|
-
|
|
102
|
-
$
|
|
229
|
+
// stylelint-disable value-keyword-case
|
|
230
|
+
$font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
|
|
231
|
+
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
|
232
|
+
$font-family-serif: "Times New Roman", Times, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !default;
|
|
233
|
+
$font-family-base: $font-family-sans-serif !default;
|
|
234
|
+
// stylelint-enable value-keyword-case
|
|
103
235
|
|
|
104
|
-
$
|
|
105
|
-
$
|
|
236
|
+
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
|
|
237
|
+
$font-size-lg: ($font-size-base * 1.25) !default;
|
|
238
|
+
$font-size-sm: ($font-size-base * .875) !default;
|
|
106
239
|
|
|
107
|
-
$
|
|
108
|
-
$
|
|
240
|
+
$font-weight-light: 400 !default;
|
|
241
|
+
$font-weight-normal: 400 !default;
|
|
242
|
+
$font-weight-bold: 600 !default;
|
|
109
243
|
|
|
110
|
-
$
|
|
111
|
-
$
|
|
244
|
+
$font-weight-base: $font-weight-normal !default;
|
|
245
|
+
$line-height-base: 1.5 !default;
|
|
112
246
|
|
|
113
|
-
$
|
|
114
|
-
$
|
|
247
|
+
$h1-font-size: $font-size-base * 2.5 !default;
|
|
248
|
+
$h2-font-size: $font-size-base * 2 !default;
|
|
249
|
+
$h3-font-size: $font-size-base * 1.75 !default;
|
|
250
|
+
$h4-font-size: $font-size-base * 1.5 !default;
|
|
251
|
+
$h5-font-size: $font-size-base * 1.25 !default;
|
|
252
|
+
$h6-font-size: $font-size-base !default;
|
|
115
253
|
|
|
116
|
-
$
|
|
117
|
-
$
|
|
118
|
-
$
|
|
254
|
+
$headings-margin-bottom: ($spacer / 2) !default;
|
|
255
|
+
$headings-font-family: $font-family-sans-serif !default;
|
|
256
|
+
$headings-font-weight: $font-weight-bold !default;
|
|
257
|
+
$headings-line-height: 1.2 !default;
|
|
258
|
+
$headings-color: inherit !default;
|
|
119
259
|
|
|
120
|
-
|
|
121
|
-
$
|
|
122
|
-
|
|
123
|
-
$
|
|
260
|
+
$display1-size: 6rem !default;
|
|
261
|
+
$display2-size: 5.5rem !default;
|
|
262
|
+
$display3-size: 4.5rem !default;
|
|
263
|
+
$display4-size: 3.5rem !default;
|
|
124
264
|
|
|
125
|
-
|
|
126
|
-
$
|
|
127
|
-
|
|
128
|
-
$
|
|
265
|
+
$display1-weight: $font-weight-normal !default;
|
|
266
|
+
$display2-weight: $font-weight-normal !default;
|
|
267
|
+
$display3-weight: $font-weight-normal !default;
|
|
268
|
+
$display4-weight: $font-weight-normal !default;
|
|
269
|
+
$display-line-height: $headings-line-height !default;
|
|
129
270
|
|
|
271
|
+
$lead-font-size: ($font-size-base * 1.25) !default;
|
|
272
|
+
$lead-font-weight: $font-weight-normal !default;
|
|
130
273
|
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
274
|
+
$small-font-size: 80% !default;
|
|
275
|
+
|
|
276
|
+
$text-muted: $gray-600 !default;
|
|
277
|
+
|
|
278
|
+
$blockquote-small-color: $gray-600 !default;
|
|
279
|
+
$blockquote-font-size: $font-size-base !default;
|
|
280
|
+
|
|
281
|
+
$hr-border-color: rgba($black, .1) !default;
|
|
282
|
+
$hr-border-width: $border-width !default;
|
|
283
|
+
|
|
284
|
+
$mark-padding: .2em !default;
|
|
285
|
+
|
|
286
|
+
$dt-font-weight: $font-weight-bold !default;
|
|
134
287
|
|
|
135
|
-
|
|
136
|
-
$
|
|
137
|
-
//** Padding for cells in `.table-condensed`.
|
|
138
|
-
$table-condensed-cell-padding: 5px !default;
|
|
288
|
+
$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
|
|
289
|
+
$nested-kbd-font-weight: $font-weight-bold !default;
|
|
139
290
|
|
|
140
|
-
|
|
141
|
-
$table-bg: transparent !default;
|
|
142
|
-
//** Background color used for `.table-striped`.
|
|
143
|
-
$table-bg-accent: #fff !default;
|
|
144
|
-
//** Background color used for `.table-hover`.
|
|
145
|
-
$table-bg-hover: #f5f5f5 !default;
|
|
146
|
-
$table-bg-active: $table-bg-hover !default;
|
|
291
|
+
$list-inline-padding: .5rem !default;
|
|
147
292
|
|
|
148
|
-
|
|
149
|
-
$table-border-color: #ddd !default;
|
|
293
|
+
$mark-bg: #fcf8e3 !default;
|
|
150
294
|
|
|
295
|
+
$hr-margin-y: $spacer !default;
|
|
151
296
|
|
|
152
|
-
|
|
297
|
+
|
|
298
|
+
// Tables
|
|
153
299
|
//
|
|
154
|
-
|
|
300
|
+
// Customizes the `.table` component with basic values, each used across all table variations.
|
|
301
|
+
|
|
302
|
+
$table-cell-padding: .75rem !default;
|
|
303
|
+
$table-cell-padding-sm: .3rem !default;
|
|
155
304
|
|
|
156
|
-
$
|
|
305
|
+
$table-bg: transparent !default;
|
|
306
|
+
$table-accent-bg: rgba($black, .05) !default;
|
|
307
|
+
$table-hover-bg: rgba($black, .075) !default;
|
|
308
|
+
$table-active-bg: $table-hover-bg !default;
|
|
157
309
|
|
|
158
|
-
$
|
|
159
|
-
$
|
|
160
|
-
$btn-default-border: #ccc !default;
|
|
310
|
+
$table-border-width: $border-width !default;
|
|
311
|
+
$table-border-color: $gray-300 !default;
|
|
161
312
|
|
|
162
|
-
$
|
|
163
|
-
$
|
|
164
|
-
$btn-primary-border: darken($btn-primary-bg, 2%) !default;
|
|
313
|
+
$table-head-bg: $gray-200 !default;
|
|
314
|
+
$table-head-color: $gray-700 !default;
|
|
165
315
|
|
|
166
|
-
$
|
|
167
|
-
$
|
|
168
|
-
$
|
|
316
|
+
$table-dark-bg: $gray-900 !default;
|
|
317
|
+
$table-dark-accent-bg: rgba($white, .05) !default;
|
|
318
|
+
$table-dark-hover-bg: rgba($white, .075) !default;
|
|
319
|
+
$table-dark-border-color: lighten($gray-900, 7.5%) !default;
|
|
320
|
+
$table-dark-color: $body-bg !default;
|
|
169
321
|
|
|
170
|
-
$btn-info-color: #fff !default;
|
|
171
|
-
$btn-info-bg: $brand-info !default;
|
|
172
|
-
$btn-info-border: darken($btn-info-bg, 2%) !default;
|
|
173
322
|
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
323
|
+
// Buttons + Forms
|
|
324
|
+
//
|
|
325
|
+
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
|
|
326
|
+
|
|
327
|
+
$input-btn-padding-y: .375rem !default;
|
|
328
|
+
$input-btn-padding-x: .75rem !default;
|
|
329
|
+
$input-btn-line-height: $line-height-base !default;
|
|
177
330
|
|
|
178
|
-
$btn-
|
|
179
|
-
$btn-
|
|
180
|
-
$btn-
|
|
331
|
+
$input-btn-focus-width: .2rem !default;
|
|
332
|
+
$input-btn-focus-color: rgba($component-active-bg, .25) !default;
|
|
333
|
+
$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
|
|
181
334
|
|
|
182
|
-
$btn-
|
|
335
|
+
$input-btn-padding-y-sm: .25rem !default;
|
|
336
|
+
$input-btn-padding-x-sm: .5rem !default;
|
|
337
|
+
$input-btn-line-height-sm: $line-height-sm !default;
|
|
183
338
|
|
|
184
|
-
$btn-
|
|
185
|
-
$btn-
|
|
186
|
-
$btn-
|
|
339
|
+
$input-btn-padding-y-lg: .5rem !default;
|
|
340
|
+
$input-btn-padding-x-lg: 1rem !default;
|
|
341
|
+
$input-btn-line-height-lg: $line-height-lg !default;
|
|
187
342
|
|
|
188
|
-
|
|
343
|
+
$input-btn-border-width: $border-width !default;
|
|
344
|
+
|
|
345
|
+
|
|
346
|
+
// Buttons
|
|
189
347
|
//
|
|
190
|
-
|
|
348
|
+
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
191
349
|
|
|
192
|
-
|
|
193
|
-
$input-
|
|
194
|
-
|
|
195
|
-
$input-bg-disabled: $gray-lighter !default;
|
|
350
|
+
$btn-padding-y: $input-btn-padding-y !default;
|
|
351
|
+
$btn-padding-x: $input-btn-padding-x !default;
|
|
352
|
+
$btn-line-height: $input-btn-line-height !default;
|
|
196
353
|
|
|
197
|
-
|
|
198
|
-
$
|
|
199
|
-
|
|
200
|
-
$input-border: #ccc !default;
|
|
354
|
+
$btn-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
355
|
+
$btn-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
356
|
+
$btn-line-height-sm: $input-btn-line-height-sm !default;
|
|
201
357
|
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
$
|
|
205
|
-
//** Large `.form-control` border radius
|
|
206
|
-
$input-border-radius-large: $border-radius-large !default;
|
|
207
|
-
//** Small `.form-control` border radius
|
|
208
|
-
$input-border-radius-small: $border-radius-small !default;
|
|
358
|
+
$btn-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
359
|
+
$btn-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
360
|
+
$btn-line-height-lg: $input-btn-line-height-lg !default;
|
|
209
361
|
|
|
210
|
-
|
|
211
|
-
$input-border-focus: #66afe9 !default;
|
|
362
|
+
$btn-border-width: $input-btn-border-width !default;
|
|
212
363
|
|
|
213
|
-
|
|
214
|
-
$
|
|
364
|
+
$btn-font-weight: $font-weight-normal !default;
|
|
365
|
+
$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
|
|
366
|
+
$btn-focus-width: $input-btn-focus-width !default;
|
|
367
|
+
$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
368
|
+
$btn-disabled-opacity: .65 !default;
|
|
369
|
+
$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
|
|
215
370
|
|
|
216
|
-
|
|
217
|
-
$input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
|
|
218
|
-
//** Large `.form-control` height
|
|
219
|
-
$input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
|
|
220
|
-
//** Small `.form-control` height
|
|
221
|
-
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
|
371
|
+
$btn-link-disabled-color: $gray-600 !default;
|
|
222
372
|
|
|
223
|
-
|
|
224
|
-
$form-group-margin-bottom: 15px !default;
|
|
373
|
+
$btn-block-spacing-y: .5rem !default;
|
|
225
374
|
|
|
226
|
-
|
|
227
|
-
$
|
|
375
|
+
// Allows for customizing button radius independently from global border radius
|
|
376
|
+
$btn-border-radius: $border-radius !default;
|
|
377
|
+
$btn-border-radius-lg: $border-radius-lg !default;
|
|
378
|
+
$btn-border-radius-sm: $border-radius-sm !default;
|
|
228
379
|
|
|
229
|
-
|
|
230
|
-
$input-group-addon-bg: $gray-lighter !default;
|
|
231
|
-
//** Border color for textual input addons
|
|
232
|
-
$input-group-addon-border-color: $input-border !default;
|
|
380
|
+
$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
233
381
|
|
|
234
|
-
//** Disabled cursor for form controls and buttons.
|
|
235
|
-
$cursor-disabled: not-allowed !default;
|
|
236
382
|
|
|
383
|
+
// Forms
|
|
237
384
|
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
385
|
+
$input-padding-y: $input-btn-padding-y !default;
|
|
386
|
+
$input-padding-x: $input-btn-padding-x !default;
|
|
387
|
+
$input-line-height: $input-btn-line-height !default;
|
|
241
388
|
|
|
242
|
-
|
|
243
|
-
$
|
|
244
|
-
|
|
245
|
-
$dropdown-border: rgba(0,0,0,.15) !default;
|
|
246
|
-
//** Dropdown menu `border-color` **for IE8**.
|
|
247
|
-
$dropdown-fallback-border: #ccc !default;
|
|
248
|
-
//** Divider color for between dropdown items.
|
|
249
|
-
$dropdown-divider-bg: #e5e5e5 !default;
|
|
389
|
+
$input-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
390
|
+
$input-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
391
|
+
$input-line-height-sm: $input-btn-line-height-sm !default;
|
|
250
392
|
|
|
251
|
-
|
|
252
|
-
$
|
|
253
|
-
|
|
254
|
-
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
|
|
255
|
-
//** Hover background for dropdown links.
|
|
256
|
-
$dropdown-link-hover-bg: #f5f5f5 !default;
|
|
393
|
+
$input-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
394
|
+
$input-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
395
|
+
$input-line-height-lg: $input-btn-line-height-lg !default;
|
|
257
396
|
|
|
258
|
-
|
|
259
|
-
$
|
|
260
|
-
//** Active dropdown menu item background color.
|
|
261
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
|
397
|
+
$input-bg: $white !default;
|
|
398
|
+
$input-disabled-bg: $gray-200 !default;
|
|
262
399
|
|
|
263
|
-
|
|
264
|
-
$
|
|
400
|
+
$input-color: $gray-700 !default;
|
|
401
|
+
$input-border-color: $gray-400 !default;
|
|
402
|
+
$input-border-width: $input-btn-border-width !default;
|
|
403
|
+
$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
|
|
265
404
|
|
|
266
|
-
|
|
267
|
-
$
|
|
405
|
+
$input-border-radius: $border-radius !default;
|
|
406
|
+
$input-border-radius-lg: $border-radius-lg !default;
|
|
407
|
+
$input-border-radius-sm: $border-radius-sm !default;
|
|
268
408
|
|
|
269
|
-
|
|
270
|
-
$
|
|
409
|
+
$input-focus-bg: $input-bg !default;
|
|
410
|
+
$input-focus-border-color: lighten($component-active-bg, 25%) !default;
|
|
411
|
+
$input-focus-color: $input-color !default;
|
|
412
|
+
$input-focus-width: $input-btn-focus-width !default;
|
|
413
|
+
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
271
414
|
|
|
415
|
+
$input-placeholder-color: $gray-600 !default;
|
|
272
416
|
|
|
273
|
-
|
|
274
|
-
//
|
|
275
|
-
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
|
276
|
-
// of components dependent on the z-axis and are designed to all work together.
|
|
277
|
-
//
|
|
278
|
-
// Note: These variables are not generated into the Customizer.
|
|
417
|
+
$input-height-border: $input-border-width * 2 !default;
|
|
279
418
|
|
|
280
|
-
$
|
|
281
|
-
$
|
|
282
|
-
$zindex-popover: 1060 !default;
|
|
283
|
-
$zindex-tooltip: 1070 !default;
|
|
284
|
-
$zindex-navbar-fixed: 1030 !default;
|
|
285
|
-
$zindex-modal-background: 1040 !default;
|
|
286
|
-
$zindex-modal: 1050 !default;
|
|
419
|
+
$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
|
|
420
|
+
$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
|
|
287
421
|
|
|
422
|
+
$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
|
|
423
|
+
$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
|
|
288
424
|
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
|
292
|
-
|
|
293
|
-
// Extra small screen / phone
|
|
294
|
-
//** Deprecated `$screen-xs` as of v3.0.1
|
|
295
|
-
$screen-xs: 480px !default;
|
|
296
|
-
//** Deprecated `$screen-xs-min` as of v3.2.0
|
|
297
|
-
$screen-xs-min: $screen-xs !default;
|
|
298
|
-
//** Deprecated `$screen-phone` as of v3.0.1
|
|
299
|
-
$screen-phone: $screen-xs-min !default;
|
|
300
|
-
|
|
301
|
-
// Small screen / tablet
|
|
302
|
-
//** Deprecated `$screen-sm` as of v3.0.1
|
|
303
|
-
$screen-sm: 768px !default;
|
|
304
|
-
$screen-sm-min: $screen-sm !default;
|
|
305
|
-
//** Deprecated `$screen-tablet` as of v3.0.1
|
|
306
|
-
$screen-tablet: $screen-sm-min !default;
|
|
307
|
-
|
|
308
|
-
// Medium screen / desktop
|
|
309
|
-
//** Deprecated `$screen-md` as of v3.0.1
|
|
310
|
-
$screen-md: 992px !default;
|
|
311
|
-
$screen-md-min: $screen-md !default;
|
|
312
|
-
//** Deprecated `$screen-desktop` as of v3.0.1
|
|
313
|
-
$screen-desktop: $screen-md-min !default;
|
|
314
|
-
|
|
315
|
-
// Large screen / wide desktop
|
|
316
|
-
//** Deprecated `$screen-lg` as of v3.0.1
|
|
317
|
-
$screen-lg: 1200px !default;
|
|
318
|
-
$screen-lg-min: $screen-lg !default;
|
|
319
|
-
//** Deprecated `$screen-lg-desktop` as of v3.0.1
|
|
320
|
-
$screen-lg-desktop: $screen-lg-min !default;
|
|
321
|
-
|
|
322
|
-
// So media queries don't overlap when required, provide a maximum
|
|
323
|
-
$screen-xs-max: ($screen-sm-min - 1) !default;
|
|
324
|
-
$screen-sm-max: ($screen-md-min - 1) !default;
|
|
325
|
-
$screen-md-max: ($screen-lg-min - 1) !default;
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
//== Grid system
|
|
329
|
-
//
|
|
330
|
-
//## Define your custom responsive grid.
|
|
425
|
+
$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
|
|
426
|
+
$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
|
|
331
427
|
|
|
332
|
-
|
|
333
|
-
$grid-columns: 12 !default;
|
|
334
|
-
//** Padding between columns. Gets divided in half for the left and right.
|
|
335
|
-
$grid-gutter-width: 30px !default;
|
|
336
|
-
// Navbar collapse
|
|
337
|
-
//** Point at which the navbar becomes uncollapsed.
|
|
338
|
-
$grid-float-breakpoint: $screen-sm-min !default;
|
|
339
|
-
//** Point at which the navbar begins collapsing.
|
|
340
|
-
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
|
|
428
|
+
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
341
429
|
|
|
430
|
+
$form-text-margin-top: .25rem !default;
|
|
342
431
|
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
432
|
+
$form-check-input-gutter: 1.25rem !default;
|
|
433
|
+
$form-check-input-margin-y: .3rem !default;
|
|
434
|
+
$form-check-input-margin-x: .25rem !default;
|
|
346
435
|
|
|
347
|
-
|
|
348
|
-
$
|
|
349
|
-
//** For `$screen-sm-min` and up.
|
|
350
|
-
$container-sm: $container-tablet !default;
|
|
436
|
+
$form-check-inline-margin-x: .75rem !default;
|
|
437
|
+
$form-check-inline-input-margin-x: .3125rem !default;
|
|
351
438
|
|
|
352
|
-
|
|
353
|
-
$container-desktop: (940px + $grid-gutter-width) !default;
|
|
354
|
-
//** For `$screen-md-min` and up.
|
|
355
|
-
$container-md: $container-desktop !default;
|
|
439
|
+
$form-group-margin-bottom: 1rem !default;
|
|
356
440
|
|
|
357
|
-
|
|
358
|
-
$
|
|
359
|
-
|
|
360
|
-
$container-lg: $container-large-desktop !default;
|
|
441
|
+
$input-group-addon-color: $input-color !default;
|
|
442
|
+
$input-group-addon-bg: $gray-200 !default;
|
|
443
|
+
$input-group-addon-border-color: $input-border-color !default;
|
|
361
444
|
|
|
445
|
+
$custom-control-gutter: 1.5rem !default;
|
|
446
|
+
$custom-control-spacer-x: 1rem !default;
|
|
362
447
|
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
// Basics of a navbar
|
|
368
|
-
$navbar-height: 80px !default;
|
|
369
|
-
$navbar-margin-bottom: $line-height-computed !default;
|
|
370
|
-
$navbar-border-radius: $border-radius-base !default;
|
|
371
|
-
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
|
|
372
|
-
$navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
|
|
373
|
-
$navbar-collapse-max-height: 340px !default;
|
|
374
|
-
|
|
375
|
-
$navbar-default-color: $gray-darker !default;
|
|
376
|
-
$navbar-default-bg: #fff !default;
|
|
377
|
-
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
|
|
378
|
-
|
|
379
|
-
// Navbar links
|
|
380
|
-
$navbar-default-link-color: $gray-dark !default;
|
|
381
|
-
$navbar-default-link-hover-color: $gray !default;
|
|
382
|
-
$navbar-default-link-hover-bg: $gray-lighter !default;
|
|
383
|
-
$navbar-default-link-active-color: #fff !default;
|
|
384
|
-
$navbar-default-link-active-bg: $brand-primary !default;
|
|
385
|
-
$navbar-default-link-disabled-color: $gray-darker !default;
|
|
386
|
-
$navbar-default-link-disabled-bg: transparent !default;
|
|
387
|
-
|
|
388
|
-
// Navbar brand label
|
|
389
|
-
$navbar-default-brand-color: $navbar-default-link-color !default;
|
|
390
|
-
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
|
|
391
|
-
$navbar-default-brand-hover-bg: transparent !default;
|
|
392
|
-
|
|
393
|
-
// Navbar toggle
|
|
394
|
-
$navbar-default-toggle-hover-bg: #ddd !default;
|
|
395
|
-
$navbar-default-toggle-icon-bar-bg: #888 !default;
|
|
396
|
-
$navbar-default-toggle-border-color: #ddd !default;
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
//=== Inverted navbar
|
|
400
|
-
// Reset inverted navbar basics
|
|
401
|
-
$navbar-inverse-color: #fff !default;
|
|
402
|
-
$navbar-inverse-bg: $gray-darker !default;
|
|
403
|
-
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
|
|
404
|
-
|
|
405
|
-
// Inverted navbar links
|
|
406
|
-
$navbar-inverse-link-color: $gray-lighter !default;
|
|
407
|
-
$navbar-inverse-link-hover-color: $gray-lighter !default;
|
|
408
|
-
$navbar-inverse-link-hover-bg: $gray !default;
|
|
409
|
-
$navbar-inverse-link-active-color: $gray-light !default;
|
|
410
|
-
$navbar-inverse-link-active-bg: #fff !default;
|
|
411
|
-
$navbar-inverse-link-disabled-color: #444 !default;
|
|
412
|
-
$navbar-inverse-link-disabled-bg: transparent !default;
|
|
413
|
-
|
|
414
|
-
// Inverted navbar brand label
|
|
415
|
-
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
|
416
|
-
$navbar-inverse-brand-hover-color: #fff !default;
|
|
417
|
-
$navbar-inverse-brand-hover-bg: transparent !default;
|
|
418
|
-
|
|
419
|
-
// Inverted navbar toggle
|
|
420
|
-
$navbar-inverse-toggle-hover-bg: #333 !default;
|
|
421
|
-
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
|
|
422
|
-
$navbar-inverse-toggle-border-color: #333 !default;
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
//== Navs
|
|
426
|
-
//
|
|
427
|
-
//##
|
|
448
|
+
$custom-control-indicator-size: 1rem !default;
|
|
449
|
+
$custom-control-indicator-bg: $gray-300 !default;
|
|
450
|
+
$custom-control-indicator-bg-size: 50% 50% !default;
|
|
451
|
+
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
|
|
428
452
|
|
|
429
|
-
|
|
430
|
-
$
|
|
431
|
-
$nav-link-hover-bg: $gray-lighter !default;
|
|
453
|
+
$custom-control-indicator-disabled-bg: $gray-200 !default;
|
|
454
|
+
$custom-control-label-disabled-color: $gray-600 !default;
|
|
432
455
|
|
|
433
|
-
$
|
|
434
|
-
$
|
|
456
|
+
$custom-control-indicator-checked-color: $component-active-color !default;
|
|
457
|
+
$custom-control-indicator-checked-bg: $component-active-bg !default;
|
|
458
|
+
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
|
|
459
|
+
$custom-control-indicator-checked-box-shadow: none !default;
|
|
435
460
|
|
|
436
|
-
|
|
437
|
-
$nav-tabs-border-color: #ddd !default;
|
|
461
|
+
$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
|
|
438
462
|
|
|
439
|
-
$
|
|
463
|
+
$custom-control-indicator-active-color: $component-active-color !default;
|
|
464
|
+
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
|
|
465
|
+
$custom-control-indicator-active-box-shadow: none !default;
|
|
440
466
|
|
|
441
|
-
$
|
|
442
|
-
$
|
|
443
|
-
$nav-tabs-active-link-hover-border-color: #ddd !default;
|
|
467
|
+
$custom-checkbox-indicator-border-radius: $border-radius !default;
|
|
468
|
+
$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;
|
|
444
469
|
|
|
445
|
-
$
|
|
446
|
-
$
|
|
470
|
+
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
|
|
471
|
+
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
|
|
472
|
+
$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;
|
|
473
|
+
$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
|
|
447
474
|
|
|
448
|
-
|
|
449
|
-
$
|
|
450
|
-
$nav-pills-active-link-hover-bg: $component-active-bg !default;
|
|
451
|
-
$nav-pills-active-link-hover-color: $component-active-color !default;
|
|
475
|
+
$custom-radio-indicator-border-radius: 50% !default;
|
|
476
|
+
$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;
|
|
452
477
|
|
|
478
|
+
$custom-select-padding-y: .375rem !default;
|
|
479
|
+
$custom-select-padding-x: .75rem !default;
|
|
480
|
+
$custom-select-height: $input-height !default;
|
|
481
|
+
$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
|
|
482
|
+
$custom-select-line-height: $input-btn-line-height !default;
|
|
483
|
+
$custom-select-color: $input-color !default;
|
|
484
|
+
$custom-select-disabled-color: $gray-600 !default;
|
|
485
|
+
$custom-select-bg: $white !default;
|
|
486
|
+
$custom-select-disabled-bg: $gray-200 !default;
|
|
487
|
+
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
|
488
|
+
$custom-select-indicator-color: $gray-800 !default;
|
|
489
|
+
$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;
|
|
490
|
+
$custom-select-border-width: $input-btn-border-width !default;
|
|
491
|
+
$custom-select-border-color: $input-border-color !default;
|
|
492
|
+
$custom-select-border-radius: $border-radius !default;
|
|
453
493
|
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
494
|
+
$custom-select-focus-border-color: $input-focus-border-color !default;
|
|
495
|
+
$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
|
|
496
|
+
|
|
497
|
+
$custom-select-font-size-sm: 75% !default;
|
|
498
|
+
$custom-select-height-sm: $input-height-sm !default;
|
|
499
|
+
|
|
500
|
+
$custom-select-font-size-lg: 125% !default;
|
|
501
|
+
$custom-select-height-lg: $input-height-lg !default;
|
|
457
502
|
|
|
458
|
-
$
|
|
459
|
-
$
|
|
460
|
-
$
|
|
503
|
+
$custom-file-height: $input-height !default;
|
|
504
|
+
$custom-file-focus-border-color: $input-focus-border-color !default;
|
|
505
|
+
$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
461
506
|
|
|
462
|
-
$
|
|
463
|
-
$
|
|
464
|
-
$
|
|
507
|
+
$custom-file-padding-y: $input-btn-padding-y !default;
|
|
508
|
+
$custom-file-padding-x: $input-btn-padding-x !default;
|
|
509
|
+
$custom-file-line-height: $input-btn-line-height !default;
|
|
510
|
+
$custom-file-color: $input-color !default;
|
|
511
|
+
$custom-file-bg: $input-bg !default;
|
|
512
|
+
$custom-file-border-width: $input-btn-border-width !default;
|
|
513
|
+
$custom-file-border-color: $input-border-color !default;
|
|
514
|
+
$custom-file-border-radius: $input-border-radius !default;
|
|
515
|
+
$custom-file-box-shadow: $input-box-shadow !default;
|
|
516
|
+
$custom-file-button-color: $custom-file-color !default;
|
|
517
|
+
$custom-file-button-bg: $input-group-addon-bg !default;
|
|
518
|
+
$custom-file-text: (
|
|
519
|
+
en: "Browse"
|
|
520
|
+
) !default;
|
|
465
521
|
|
|
466
|
-
$pagination-active-color: #fff !default;
|
|
467
|
-
$pagination-active-bg: $brand-primary !default;
|
|
468
|
-
$pagination-active-border: $brand-primary !default;
|
|
469
522
|
|
|
470
|
-
|
|
471
|
-
$
|
|
472
|
-
$
|
|
523
|
+
// Form validation
|
|
524
|
+
$form-feedback-margin-top: $form-text-margin-top !default;
|
|
525
|
+
$form-feedback-font-size: $small-font-size !default;
|
|
526
|
+
$form-feedback-valid-color: theme-color("success") !default;
|
|
527
|
+
$form-feedback-invalid-color: theme-color("danger") !default;
|
|
473
528
|
|
|
474
529
|
|
|
475
|
-
|
|
530
|
+
// Dropdowns
|
|
476
531
|
//
|
|
477
|
-
|
|
532
|
+
// Dropdown menu container and contents.
|
|
478
533
|
|
|
479
|
-
$
|
|
480
|
-
$
|
|
481
|
-
$
|
|
534
|
+
$dropdown-min-width: 10rem !default;
|
|
535
|
+
$dropdown-padding-y: .5rem !default;
|
|
536
|
+
$dropdown-spacer: .125rem !default;
|
|
537
|
+
$dropdown-bg: $white !default;
|
|
538
|
+
$dropdown-border-color: rgba($black, .15) !default;
|
|
539
|
+
$dropdown-border-radius: $border-radius !default;
|
|
540
|
+
$dropdown-border-width: $border-width !default;
|
|
541
|
+
$dropdown-divider-bg: $gray-200 !default;
|
|
542
|
+
$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
|
|
482
543
|
|
|
483
|
-
$
|
|
544
|
+
$dropdown-link-color: $gray-900 !default;
|
|
545
|
+
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
|
|
546
|
+
$dropdown-link-hover-bg: $gray-100 !default;
|
|
484
547
|
|
|
485
|
-
$
|
|
486
|
-
$
|
|
548
|
+
$dropdown-link-active-color: $component-active-color !default;
|
|
549
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
|
487
550
|
|
|
488
|
-
$
|
|
551
|
+
$dropdown-link-disabled-color: $gray-600 !default;
|
|
489
552
|
|
|
553
|
+
$dropdown-item-padding-y: .25rem !default;
|
|
554
|
+
$dropdown-item-padding-x: 1.5rem !default;
|
|
490
555
|
|
|
491
|
-
|
|
556
|
+
$dropdown-header-color: $gray-600 !default;
|
|
557
|
+
|
|
558
|
+
|
|
559
|
+
// Z-index master list
|
|
492
560
|
//
|
|
493
|
-
|
|
561
|
+
// Warning: Avoid customizing these values. They're used for a bird's eye view
|
|
562
|
+
// of components dependent on the z-axis and are designed to all work together.
|
|
494
563
|
|
|
495
|
-
$
|
|
496
|
-
$
|
|
497
|
-
$
|
|
498
|
-
$
|
|
499
|
-
$
|
|
500
|
-
$
|
|
564
|
+
$zindex-dropdown: 1000 !default;
|
|
565
|
+
$zindex-sticky: 1020 !default;
|
|
566
|
+
$zindex-fixed: 1030 !default;
|
|
567
|
+
$zindex-modal-backdrop: 1040 !default;
|
|
568
|
+
$zindex-modal: 1050 !default;
|
|
569
|
+
$zindex-popover: 1060 !default;
|
|
570
|
+
$zindex-tooltip: 1070 !default;
|
|
501
571
|
|
|
572
|
+
// Navs
|
|
502
573
|
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
574
|
+
$nav-link-padding-y: .5rem !default;
|
|
575
|
+
$nav-link-padding-x: 1rem !default;
|
|
576
|
+
$nav-link-disabled-color: $gray-600 !default;
|
|
506
577
|
|
|
507
|
-
$
|
|
508
|
-
$
|
|
509
|
-
$
|
|
578
|
+
$nav-tabs-border-color: $gray-300 !default;
|
|
579
|
+
$nav-tabs-border-width: $border-width !default;
|
|
580
|
+
$nav-tabs-border-radius: $border-radius !default;
|
|
581
|
+
$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
|
|
582
|
+
$nav-tabs-link-active-color: $gray-700 !default;
|
|
583
|
+
$nav-tabs-link-active-bg: $body-bg !default;
|
|
584
|
+
$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
|
|
510
585
|
|
|
511
|
-
$
|
|
512
|
-
$
|
|
513
|
-
$
|
|
586
|
+
$nav-pills-border-radius: $border-radius !default;
|
|
587
|
+
$nav-pills-link-active-color: $component-active-color !default;
|
|
588
|
+
$nav-pills-link-active-bg: $component-active-bg !default;
|
|
514
589
|
|
|
515
|
-
|
|
516
|
-
$state-warning-bg: lighten($state-warning-text, 50%) !default;
|
|
517
|
-
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
|
|
590
|
+
// Navbar
|
|
518
591
|
|
|
519
|
-
$
|
|
520
|
-
$
|
|
521
|
-
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
|
|
592
|
+
$navbar-padding-y: ($spacer * 1.2) !default;
|
|
593
|
+
$navbar-padding-x: ($spacer * 1.5) !default;
|
|
522
594
|
|
|
595
|
+
$navbar-nav-link-padding-x: .5rem !default;
|
|
523
596
|
|
|
524
|
-
|
|
525
|
-
//
|
|
526
|
-
|
|
597
|
+
$navbar-brand-font-size: $font-size-lg !default;
|
|
598
|
+
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
|
599
|
+
$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
|
|
600
|
+
$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
|
|
601
|
+
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
|
|
602
|
+
|
|
603
|
+
$navbar-toggler-padding-y: .25rem !default;
|
|
604
|
+
$navbar-toggler-padding-x: .75rem !default;
|
|
605
|
+
$navbar-toggler-font-size: $font-size-lg !default;
|
|
606
|
+
$navbar-toggler-border-radius: $btn-border-radius !default;
|
|
527
607
|
|
|
528
|
-
|
|
608
|
+
$navbar-dark-color: rgba($white, .5) !default;
|
|
609
|
+
$navbar-dark-hover-color: rgba($white, .75) !default;
|
|
610
|
+
$navbar-dark-active-color: $white !default;
|
|
611
|
+
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
|
612
|
+
$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;
|
|
613
|
+
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
|
614
|
+
|
|
615
|
+
$navbar-light-color: rgba($black, .5) !default;
|
|
616
|
+
$navbar-light-hover-color: rgba($black, .7) !default;
|
|
617
|
+
$navbar-light-active-color: rgba($black, .9) !default;
|
|
618
|
+
$navbar-light-disabled-color: rgba($black, .3) !default;
|
|
619
|
+
$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;
|
|
620
|
+
$navbar-light-toggler-border-color: rgba($black, .1) !default;
|
|
621
|
+
|
|
622
|
+
// Pagination
|
|
623
|
+
|
|
624
|
+
$pagination-padding-y: .5rem !default;
|
|
625
|
+
$pagination-padding-x: .75rem !default;
|
|
626
|
+
$pagination-padding-y-sm: .25rem !default;
|
|
627
|
+
$pagination-padding-x-sm: .5rem !default;
|
|
628
|
+
$pagination-padding-y-lg: .75rem !default;
|
|
629
|
+
$pagination-padding-x-lg: 1.5rem !default;
|
|
630
|
+
$pagination-line-height: 1.25 !default;
|
|
631
|
+
|
|
632
|
+
$pagination-color: $link-color !default;
|
|
633
|
+
$pagination-bg: $white !default;
|
|
634
|
+
$pagination-border-width: $border-width !default;
|
|
635
|
+
$pagination-border-color: $gray-300 !default;
|
|
636
|
+
|
|
637
|
+
$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
638
|
+
|
|
639
|
+
$pagination-hover-color: $link-hover-color !default;
|
|
640
|
+
$pagination-hover-bg: $gray-200 !default;
|
|
641
|
+
$pagination-hover-border-color: $gray-300 !default;
|
|
642
|
+
|
|
643
|
+
$pagination-active-color: $component-active-color !default;
|
|
644
|
+
$pagination-active-bg: $component-active-bg !default;
|
|
645
|
+
$pagination-active-border-color: $pagination-active-bg !default;
|
|
646
|
+
|
|
647
|
+
$pagination-disabled-color: $gray-600 !default;
|
|
648
|
+
$pagination-disabled-bg: $white !default;
|
|
649
|
+
$pagination-disabled-border-color: $gray-300 !default;
|
|
650
|
+
|
|
651
|
+
|
|
652
|
+
// Jumbotron
|
|
653
|
+
|
|
654
|
+
$jumbotron-padding: 2rem !default;
|
|
655
|
+
$jumbotron-bg: $gray-200 !default;
|
|
656
|
+
|
|
657
|
+
|
|
658
|
+
// Cards
|
|
659
|
+
|
|
660
|
+
$card-spacer-y: .75rem !default;
|
|
661
|
+
$card-spacer-x: 1.25rem !default;
|
|
662
|
+
$card-border-width: $border-width !default;
|
|
663
|
+
$card-border-radius: $border-radius !default;
|
|
664
|
+
$card-border-color: rgba($black, .125) !default;
|
|
665
|
+
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
|
666
|
+
$card-cap-bg: rgba($black, .03) !default;
|
|
667
|
+
$card-bg: $white !default;
|
|
668
|
+
|
|
669
|
+
$card-img-overlay-padding: 1.25rem !default;
|
|
670
|
+
|
|
671
|
+
$card-group-margin: ($grid-gutter-width / 2) !default;
|
|
672
|
+
$card-deck-margin: $card-group-margin !default;
|
|
673
|
+
|
|
674
|
+
$card-columns-count: 3 !default;
|
|
675
|
+
$card-columns-gap: 1.25rem !default;
|
|
676
|
+
$card-columns-margin: $card-spacer-y !default;
|
|
677
|
+
|
|
678
|
+
|
|
679
|
+
// Tooltips
|
|
680
|
+
|
|
681
|
+
$tooltip-font-size: $font-size-sm !default;
|
|
529
682
|
$tooltip-max-width: 200px !default;
|
|
530
|
-
|
|
531
|
-
$tooltip-
|
|
532
|
-
|
|
533
|
-
$tooltip-bg: #000 !default;
|
|
683
|
+
$tooltip-color: $white !default;
|
|
684
|
+
$tooltip-bg: $black !default;
|
|
685
|
+
$tooltip-border-radius: $border-radius !default;
|
|
534
686
|
$tooltip-opacity: .9 !default;
|
|
687
|
+
$tooltip-padding-y: .25rem !default;
|
|
688
|
+
$tooltip-padding-x: .5rem !default;
|
|
689
|
+
$tooltip-margin: 0 !default;
|
|
535
690
|
|
|
536
|
-
|
|
537
|
-
$tooltip-arrow-
|
|
538
|
-
//** Tooltip arrow color
|
|
691
|
+
$tooltip-arrow-width: .8rem !default;
|
|
692
|
+
$tooltip-arrow-height: .4rem !default;
|
|
539
693
|
$tooltip-arrow-color: $tooltip-bg !default;
|
|
540
694
|
|
|
541
695
|
|
|
542
|
-
|
|
543
|
-
//
|
|
544
|
-
//##
|
|
545
|
-
|
|
546
|
-
//** Popover body background color
|
|
547
|
-
$popover-bg: #fff !default;
|
|
548
|
-
//** Popover maximum width
|
|
549
|
-
$popover-max-width: 276px !default;
|
|
550
|
-
//** Popover border color
|
|
551
|
-
$popover-border-color: rgba(0,0,0,.2) !default;
|
|
552
|
-
//** Popover fallback border color
|
|
553
|
-
$popover-fallback-border-color: #ccc !default;
|
|
554
|
-
|
|
555
|
-
//** Popover title background color
|
|
556
|
-
$popover-title-bg: darken($popover-bg, 3%) !default;
|
|
557
|
-
|
|
558
|
-
//** Popover arrow width
|
|
559
|
-
$popover-arrow-width: 10px !default;
|
|
560
|
-
//** Popover arrow color
|
|
561
|
-
$popover-arrow-color: $popover-bg !default;
|
|
562
|
-
|
|
563
|
-
//** Popover outer arrow width
|
|
564
|
-
$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
|
|
565
|
-
//** Popover outer arrow color
|
|
566
|
-
$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
|
|
567
|
-
//** Popover outer arrow fallback color
|
|
568
|
-
$popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
//== Labels
|
|
572
|
-
//
|
|
573
|
-
//##
|
|
574
|
-
|
|
575
|
-
//** Default label background color
|
|
576
|
-
$label-default-bg: $gray-light !default;
|
|
577
|
-
//** Primary label background color
|
|
578
|
-
$label-primary-bg: $brand-primary !default;
|
|
579
|
-
//** Success label background color
|
|
580
|
-
$label-success-bg: $brand-success !default;
|
|
581
|
-
//** Info label background color
|
|
582
|
-
$label-info-bg: $brand-info !default;
|
|
583
|
-
//** Warning label background color
|
|
584
|
-
$label-warning-bg: $brand-warning !default;
|
|
585
|
-
//** Danger label background color
|
|
586
|
-
$label-danger-bg: $brand-danger !default;
|
|
587
|
-
|
|
588
|
-
//** Default label text color
|
|
589
|
-
$label-color: #fff !default;
|
|
590
|
-
//** Default text color of a linked label
|
|
591
|
-
$label-link-hover-color: #fff !default;
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
//== Modals
|
|
595
|
-
//
|
|
596
|
-
//##
|
|
597
|
-
|
|
598
|
-
//** Padding applied to the modal body
|
|
599
|
-
$modal-inner-padding: 15px !default;
|
|
600
|
-
|
|
601
|
-
//** Padding applied to the modal title
|
|
602
|
-
$modal-title-padding: 15px !default;
|
|
603
|
-
//** Modal title line-height
|
|
604
|
-
$modal-title-line-height: $line-height-base !default;
|
|
605
|
-
|
|
606
|
-
//** Background color of modal content area
|
|
607
|
-
$modal-content-bg: #fff !default;
|
|
608
|
-
//** Modal content border color
|
|
609
|
-
$modal-content-border-color: rgba(0,0,0,.2) !default;
|
|
610
|
-
//** Modal content border color **for IE8**
|
|
611
|
-
$modal-content-fallback-border-color: #999 !default;
|
|
612
|
-
|
|
613
|
-
//** Modal backdrop background color
|
|
614
|
-
$modal-backdrop-bg: #000 !default;
|
|
615
|
-
//** Modal backdrop opacity
|
|
616
|
-
$modal-backdrop-opacity: .5 !default;
|
|
617
|
-
//** Modal header border color
|
|
618
|
-
$modal-header-border-color: transparent !default;
|
|
619
|
-
//** Modal footer border color
|
|
620
|
-
$modal-footer-border-color: $modal-header-border-color !default;
|
|
696
|
+
// Popovers
|
|
621
697
|
|
|
622
|
-
$
|
|
623
|
-
$
|
|
624
|
-
$
|
|
698
|
+
$popover-font-size: $font-size-sm !default;
|
|
699
|
+
$popover-bg: $white !default;
|
|
700
|
+
$popover-max-width: 276px !default;
|
|
701
|
+
$popover-border-width: $border-width !default;
|
|
702
|
+
$popover-border-color: rgba($black, .2) !default;
|
|
703
|
+
$popover-border-radius: $border-radius-lg !default;
|
|
704
|
+
$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
|
|
625
705
|
|
|
706
|
+
$popover-header-bg: darken($popover-bg, 3%) !default;
|
|
707
|
+
$popover-header-color: $headings-color !default;
|
|
708
|
+
$popover-header-padding-y: .5rem !default;
|
|
709
|
+
$popover-header-padding-x: .75rem !default;
|
|
626
710
|
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
711
|
+
$popover-body-color: $body-color !default;
|
|
712
|
+
$popover-body-padding-y: $popover-header-padding-y !default;
|
|
713
|
+
$popover-body-padding-x: $popover-header-padding-x !default;
|
|
630
714
|
|
|
631
|
-
$
|
|
632
|
-
$
|
|
633
|
-
$
|
|
715
|
+
$popover-arrow-width: 1rem !default;
|
|
716
|
+
$popover-arrow-height: .5rem !default;
|
|
717
|
+
$popover-arrow-color: $popover-bg !default;
|
|
634
718
|
|
|
635
|
-
$
|
|
636
|
-
$alert-success-text: $state-success-text !default;
|
|
637
|
-
$alert-success-border: $state-success-border !default;
|
|
719
|
+
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
|
|
638
720
|
|
|
639
|
-
$alert-info-bg: $state-info-bg !default;
|
|
640
|
-
$alert-info-text: $state-info-text !default;
|
|
641
|
-
$alert-info-border: $state-info-border !default;
|
|
642
721
|
|
|
643
|
-
|
|
644
|
-
$alert-warning-text: $state-warning-text !default;
|
|
645
|
-
$alert-warning-border: $state-warning-border !default;
|
|
722
|
+
// Badges
|
|
646
723
|
|
|
647
|
-
$
|
|
648
|
-
$
|
|
649
|
-
$
|
|
724
|
+
$badge-font-size: 75% !default;
|
|
725
|
+
$badge-font-weight: $font-weight-bold !default;
|
|
726
|
+
$badge-padding-y: .25em !default;
|
|
727
|
+
$badge-padding-x: .4em !default;
|
|
728
|
+
$badge-border-radius: $border-radius !default;
|
|
650
729
|
|
|
730
|
+
$badge-pill-padding-x: .6em !default;
|
|
731
|
+
// Use a higher than normal value to ensure completely rounded edges when
|
|
732
|
+
// customizing padding or font-size on labels.
|
|
733
|
+
$badge-pill-border-radius: 10rem !default;
|
|
651
734
|
|
|
652
|
-
//== Progress bars
|
|
653
|
-
//
|
|
654
|
-
//##
|
|
655
|
-
|
|
656
|
-
//** Background color of the whole progress component
|
|
657
|
-
$progress-bg: #f5f5f5 !default;
|
|
658
|
-
//** Progress bar text color
|
|
659
|
-
$progress-bar-color: #fff !default;
|
|
660
|
-
//** Variable for setting rounded corners on progress bar.
|
|
661
|
-
$progress-border-radius: $border-radius-base !default;
|
|
662
|
-
|
|
663
|
-
//** Default progress bar color
|
|
664
|
-
$progress-bar-bg: $brand-primary !default;
|
|
665
|
-
//** Success progress bar color
|
|
666
|
-
$progress-bar-success-bg: $brand-success !default;
|
|
667
|
-
//** Warning progress bar color
|
|
668
|
-
$progress-bar-warning-bg: $brand-warning !default;
|
|
669
|
-
//** Danger progress bar color
|
|
670
|
-
$progress-bar-danger-bg: $brand-danger !default;
|
|
671
|
-
//** Info progress bar color
|
|
672
|
-
$progress-bar-info-bg: $brand-info !default;
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
//== List group
|
|
676
|
-
//
|
|
677
|
-
//##
|
|
678
|
-
|
|
679
|
-
//** Background color on `.list-group-item`
|
|
680
|
-
$list-group-bg: #fff !default;
|
|
681
|
-
//** `.list-group-item` border color
|
|
682
|
-
$list-group-border: #ddd !default;
|
|
683
|
-
//** List group border radius
|
|
684
|
-
$list-group-border-radius: $border-radius-base !default;
|
|
685
|
-
|
|
686
|
-
//** Background color of single list items on hover
|
|
687
|
-
$list-group-hover-bg: #f5f5f5 !default;
|
|
688
|
-
//** Text color of active list items
|
|
689
|
-
$list-group-active-color: $component-active-color !default;
|
|
690
|
-
//** Background color of active list items
|
|
691
|
-
$list-group-active-bg: $component-active-bg !default;
|
|
692
|
-
//** Border color of active list elements
|
|
693
|
-
$list-group-active-border: $list-group-active-bg !default;
|
|
694
|
-
//** Text color for content within active list items
|
|
695
|
-
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
|
|
696
|
-
|
|
697
|
-
//** Text color of disabled list items
|
|
698
|
-
$list-group-disabled-color: $gray-light !default;
|
|
699
|
-
//** Background color of disabled list items
|
|
700
|
-
$list-group-disabled-bg: $gray-lighter !default;
|
|
701
|
-
//** Text color for content within disabled list items
|
|
702
|
-
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
|
703
|
-
|
|
704
|
-
$list-group-link-color: #555 !default;
|
|
705
|
-
$list-group-link-hover-color: $list-group-link-color !default;
|
|
706
|
-
$list-group-link-heading-color: #333 !default;
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
//== Panels
|
|
710
|
-
//
|
|
711
|
-
//##
|
|
712
735
|
|
|
713
|
-
|
|
714
|
-
$panel-body-padding: 15px !default;
|
|
715
|
-
$panel-heading-padding: 10px 15px !default;
|
|
716
|
-
$panel-footer-padding: $panel-heading-padding !default;
|
|
717
|
-
$panel-border-radius: $border-radius-base !default;
|
|
736
|
+
// Modals
|
|
718
737
|
|
|
719
|
-
|
|
720
|
-
$
|
|
721
|
-
$panel-footer-bg: #f5f5f5 !default;
|
|
738
|
+
// Padding applied to the modal body
|
|
739
|
+
$modal-inner-padding: 1rem !default;
|
|
722
740
|
|
|
723
|
-
$
|
|
724
|
-
$
|
|
725
|
-
$panel-default-heading-bg: #f5f5f5 !default;
|
|
741
|
+
$modal-dialog-margin: .5rem !default;
|
|
742
|
+
$modal-dialog-margin-y-sm-up: 1.75rem !default;
|
|
726
743
|
|
|
727
|
-
$
|
|
728
|
-
$panel-primary-border: $brand-primary !default;
|
|
729
|
-
$panel-primary-heading-bg: $brand-primary !default;
|
|
744
|
+
$modal-title-line-height: $line-height-base !default;
|
|
730
745
|
|
|
731
|
-
$
|
|
732
|
-
$
|
|
733
|
-
$
|
|
746
|
+
$modal-content-bg: $white !default;
|
|
747
|
+
$modal-content-border-color: rgba($black, .2) !default;
|
|
748
|
+
$modal-content-border-width: $border-width !default;
|
|
749
|
+
$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
|
|
750
|
+
$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
|
|
734
751
|
|
|
735
|
-
$
|
|
736
|
-
$
|
|
737
|
-
$
|
|
752
|
+
$modal-backdrop-bg: $black !default;
|
|
753
|
+
$modal-backdrop-opacity: .5 !default;
|
|
754
|
+
$modal-header-border-color: $gray-200 !default;
|
|
755
|
+
$modal-footer-border-color: $modal-header-border-color !default;
|
|
756
|
+
$modal-header-border-width: $modal-content-border-width !default;
|
|
757
|
+
$modal-footer-border-width: $modal-header-border-width !default;
|
|
758
|
+
$modal-header-padding: 1rem !default;
|
|
738
759
|
|
|
739
|
-
$
|
|
740
|
-
$
|
|
741
|
-
$
|
|
760
|
+
$modal-lg: 800px !default;
|
|
761
|
+
$modal-md: 500px !default;
|
|
762
|
+
$modal-sm: 300px !default;
|
|
742
763
|
|
|
743
|
-
$
|
|
744
|
-
$panel-danger-border: $state-danger-border !default;
|
|
745
|
-
$panel-danger-heading-bg: $state-danger-bg !default;
|
|
764
|
+
$modal-transition: transform .3s ease-out !default;
|
|
746
765
|
|
|
747
766
|
|
|
748
|
-
|
|
767
|
+
// Alerts
|
|
749
768
|
//
|
|
750
|
-
|
|
769
|
+
// Define alert colors, border radius, and padding.
|
|
751
770
|
|
|
752
|
-
|
|
753
|
-
$
|
|
754
|
-
|
|
755
|
-
$
|
|
756
|
-
|
|
757
|
-
$
|
|
758
|
-
//** Thumbnail border radius
|
|
759
|
-
$thumbnail-border-radius: $border-radius-base !default;
|
|
771
|
+
$alert-padding-y: .75rem !default;
|
|
772
|
+
$alert-padding-x: 1.25rem !default;
|
|
773
|
+
$alert-margin-bottom: 1rem !default;
|
|
774
|
+
$alert-border-radius: $border-radius !default;
|
|
775
|
+
$alert-link-font-weight: $font-weight-bold !default;
|
|
776
|
+
$alert-border-width: $border-width !default;
|
|
760
777
|
|
|
761
|
-
|
|
762
|
-
$
|
|
763
|
-
|
|
764
|
-
$thumbnail-caption-padding: 9px !default;
|
|
778
|
+
$alert-bg-level: -10 !default;
|
|
779
|
+
$alert-border-level: -9 !default;
|
|
780
|
+
$alert-color-level: 6 !default;
|
|
765
781
|
|
|
766
782
|
|
|
767
|
-
|
|
768
|
-
//
|
|
769
|
-
//##
|
|
783
|
+
// Progress bars
|
|
770
784
|
|
|
771
|
-
$
|
|
772
|
-
$
|
|
785
|
+
$progress-height: 1rem !default;
|
|
786
|
+
$progress-font-size: ($font-size-base * .75) !default;
|
|
787
|
+
$progress-bg: $gray-200 !default;
|
|
788
|
+
$progress-border-radius: $border-radius !default;
|
|
789
|
+
$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
|
|
790
|
+
$progress-bar-color: $white !default;
|
|
791
|
+
$progress-bar-bg: theme-color("primary") !default;
|
|
792
|
+
$progress-bar-animation-timing: 1s linear infinite !default;
|
|
793
|
+
$progress-bar-transition: width .6s ease !default;
|
|
773
794
|
|
|
795
|
+
// List group
|
|
774
796
|
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
797
|
+
$list-group-bg: $white !default;
|
|
798
|
+
$list-group-border-color: rgba($black, .125) !default;
|
|
799
|
+
$list-group-border-width: $border-width !default;
|
|
800
|
+
$list-group-border-radius: $border-radius !default;
|
|
778
801
|
|
|
779
|
-
$
|
|
780
|
-
|
|
781
|
-
$badge-link-hover-color: #fff !default;
|
|
782
|
-
$badge-bg: $gray-light !default;
|
|
802
|
+
$list-group-item-padding-y: .75rem !default;
|
|
803
|
+
$list-group-item-padding-x: 1.25rem !default;
|
|
783
804
|
|
|
784
|
-
|
|
785
|
-
$
|
|
786
|
-
|
|
787
|
-
$
|
|
805
|
+
$list-group-hover-bg: $gray-100 !default;
|
|
806
|
+
$list-group-active-color: $component-active-color !default;
|
|
807
|
+
$list-group-active-bg: $component-active-bg !default;
|
|
808
|
+
$list-group-active-border-color: $list-group-active-bg !default;
|
|
788
809
|
|
|
789
|
-
$
|
|
790
|
-
$
|
|
791
|
-
$badge-border-radius: 10px !default;
|
|
810
|
+
$list-group-disabled-color: $gray-600 !default;
|
|
811
|
+
$list-group-disabled-bg: $list-group-bg !default;
|
|
792
812
|
|
|
813
|
+
$list-group-action-color: $gray-700 !default;
|
|
814
|
+
$list-group-action-hover-color: $list-group-action-color !default;
|
|
793
815
|
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
//##
|
|
816
|
+
$list-group-action-active-color: $body-color !default;
|
|
817
|
+
$list-group-action-active-bg: $gray-200 !default;
|
|
797
818
|
|
|
798
|
-
$breadcrumb-padding-vertical: 8px !default;
|
|
799
|
-
$breadcrumb-padding-horizontal: 15px !default;
|
|
800
|
-
//** Breadcrumb background color
|
|
801
|
-
$breadcrumb-bg: #f5f5f5 !default;
|
|
802
|
-
//** Breadcrumb text color
|
|
803
|
-
$breadcrumb-color: #ccc !default;
|
|
804
|
-
//** Text color of current page in the breadcrumb
|
|
805
|
-
$breadcrumb-active-color: $gray-light !default;
|
|
806
|
-
//** Textual separator for between breadcrumb elements
|
|
807
|
-
$breadcrumb-separator: "/" !default;
|
|
808
819
|
|
|
820
|
+
// Image thumbnails
|
|
809
821
|
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
822
|
+
$thumbnail-padding: .25rem !default;
|
|
823
|
+
$thumbnail-bg: $body-bg !default;
|
|
824
|
+
$thumbnail-border-width: $border-width !default;
|
|
825
|
+
$thumbnail-border-color: $gray-300 !default;
|
|
826
|
+
$thumbnail-border-radius: $border-radius !default;
|
|
827
|
+
$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
|
|
813
828
|
|
|
814
|
-
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
|
|
815
829
|
|
|
816
|
-
|
|
817
|
-
$carousel-control-width: 15% !default;
|
|
818
|
-
$carousel-control-opacity: .5 !default;
|
|
819
|
-
$carousel-control-font-size: 20px !default;
|
|
830
|
+
// Figures
|
|
820
831
|
|
|
821
|
-
$
|
|
822
|
-
$
|
|
832
|
+
$figure-caption-font-size: 90% !default;
|
|
833
|
+
$figure-caption-color: $gray-600 !default;
|
|
823
834
|
|
|
824
|
-
$carousel-caption-color: #fff !default;
|
|
825
835
|
|
|
836
|
+
// Breadcrumbs
|
|
826
837
|
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
838
|
+
$breadcrumb-padding-y: .75rem !default;
|
|
839
|
+
$breadcrumb-padding-x: 1rem !default;
|
|
840
|
+
$breadcrumb-item-padding: .5rem !default;
|
|
830
841
|
|
|
831
|
-
$
|
|
832
|
-
$close-color: #000 !default;
|
|
833
|
-
$close-text-shadow: 0 1px 0 #fff !default;
|
|
842
|
+
$breadcrumb-margin-bottom: 1rem !default;
|
|
834
843
|
|
|
844
|
+
$breadcrumb-bg: $gray-200 !default;
|
|
845
|
+
$breadcrumb-divider-color: $gray-600 !default;
|
|
846
|
+
$breadcrumb-active-color: $gray-600 !default;
|
|
847
|
+
$breadcrumb-divider: "/" !default;
|
|
835
848
|
|
|
836
|
-
//== Code
|
|
837
|
-
//
|
|
838
|
-
//##
|
|
839
849
|
|
|
840
|
-
|
|
841
|
-
$code-bg: #f9f2f4 !default;
|
|
850
|
+
// Carousel
|
|
842
851
|
|
|
843
|
-
$
|
|
844
|
-
$
|
|
852
|
+
$carousel-control-color: $white !default;
|
|
853
|
+
$carousel-control-width: 15% !default;
|
|
854
|
+
$carousel-control-opacity: .5 !default;
|
|
845
855
|
|
|
846
|
-
$
|
|
847
|
-
$
|
|
848
|
-
$
|
|
849
|
-
$
|
|
856
|
+
$carousel-indicator-width: 30px !default;
|
|
857
|
+
$carousel-indicator-height: 3px !default;
|
|
858
|
+
$carousel-indicator-spacer: 3px !default;
|
|
859
|
+
$carousel-indicator-active-bg: $white !default;
|
|
850
860
|
|
|
861
|
+
$carousel-caption-width: 70% !default;
|
|
862
|
+
$carousel-caption-color: $white !default;
|
|
851
863
|
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
$
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
$
|
|
864
|
-
|
|
865
|
-
$
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
$
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
$
|
|
874
|
-
|
|
875
|
-
$
|
|
876
|
-
|
|
877
|
-
|
|
864
|
+
$carousel-control-icon-width: 20px !default;
|
|
865
|
+
|
|
866
|
+
$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='M5.25 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;
|
|
867
|
+
$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='M2.75 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;
|
|
868
|
+
|
|
869
|
+
$carousel-transition: transform .6s ease !default;
|
|
870
|
+
|
|
871
|
+
|
|
872
|
+
// Close
|
|
873
|
+
|
|
874
|
+
$close-font-size: $font-size-base * 1.5 !default;
|
|
875
|
+
$close-font-weight: $font-weight-bold !default;
|
|
876
|
+
$close-color: $black !default;
|
|
877
|
+
$close-text-shadow: 0 1px 0 $white !default;
|
|
878
|
+
|
|
879
|
+
// Code
|
|
880
|
+
|
|
881
|
+
$code-font-size: 87.5% !default;
|
|
882
|
+
$code-color: $pink !default;
|
|
883
|
+
|
|
884
|
+
$kbd-padding-y: .2rem !default;
|
|
885
|
+
$kbd-padding-x: .4rem !default;
|
|
886
|
+
$kbd-font-size: $code-font-size !default;
|
|
887
|
+
$kbd-color: $white !default;
|
|
888
|
+
$kbd-bg: $gray-900 !default;
|
|
889
|
+
|
|
890
|
+
$pre-color: $gray-900 !default;
|
|
891
|
+
$pre-scrollable-max-height: 340px !default;
|
|
892
|
+
|
|
893
|
+
|
|
894
|
+
// Printing
|
|
895
|
+
$print-page-size: a3 !default;
|
|
896
|
+
$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
|