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