vbax-becky_thatcher 0.1.0

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