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,433 @@
1
+ // Embedded icons from Open Iconic.
2
+ // Released under MIT and copyright 2014 Waybury.
3
+ // https://useiconic.com/open
4
+
5
+
6
+ // Checkboxes and radios
7
+ //
8
+ // Base class takes care of all the key behavioral aspects.
9
+
10
+ .custom-control {
11
+ position: relative;
12
+ display: block;
13
+ min-height: ($font-size-base * $line-height-base);
14
+ padding-left: $custom-control-gutter;
15
+ }
16
+
17
+ .custom-control-inline {
18
+ display: inline-flex;
19
+ margin-right: $custom-control-spacer-x;
20
+ }
21
+
22
+ .custom-control-input {
23
+ position: absolute;
24
+ z-index: -1; // Put the input behind the label so it doesn't overlay text
25
+ opacity: 0;
26
+
27
+ &:checked ~ .custom-control-label::before {
28
+ color: $custom-control-indicator-checked-color;
29
+ @include gradient-bg($custom-control-indicator-checked-bg);
30
+ @include box-shadow($custom-control-indicator-checked-box-shadow);
31
+ }
32
+
33
+ &:focus ~ .custom-control-label::before {
34
+ // the mixin is not used here to make sure there is feedback
35
+ box-shadow: $custom-control-indicator-focus-box-shadow;
36
+ }
37
+
38
+ &:active ~ .custom-control-label::before {
39
+ color: $custom-control-indicator-active-color;
40
+ background-color: $custom-control-indicator-active-bg;
41
+ @include box-shadow($custom-control-indicator-active-box-shadow);
42
+ }
43
+
44
+ &:disabled {
45
+ ~ .custom-control-label {
46
+ color: $custom-control-label-disabled-color;
47
+
48
+ &::before {
49
+ background-color: $custom-control-indicator-disabled-bg;
50
+ }
51
+ }
52
+ }
53
+ }
54
+
55
+ // Custom control indicators
56
+ //
57
+ // Build the custom controls out of pseudo-elements.
58
+
59
+ .custom-control-label {
60
+ position: relative;
61
+ margin-bottom: 0;
62
+
63
+ // Background-color and (when enabled) gradient
64
+ &::before {
65
+ position: absolute;
66
+ top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
67
+ left: -$custom-control-gutter;
68
+ display: block;
69
+ width: $custom-control-indicator-size;
70
+ height: $custom-control-indicator-size;
71
+ pointer-events: none;
72
+ content: "";
73
+ user-select: none;
74
+ background-color: $custom-control-indicator-bg;
75
+ @include box-shadow($custom-control-indicator-box-shadow);
76
+ }
77
+
78
+ // Foreground (icon)
79
+ &::after {
80
+ position: absolute;
81
+ top: (($font-size-base * $line-height-base - $custom-control-indicator-size) / 2);
82
+ left: -$custom-control-gutter;
83
+ display: block;
84
+ width: $custom-control-indicator-size;
85
+ height: $custom-control-indicator-size;
86
+ content: "";
87
+ background-repeat: no-repeat;
88
+ background-position: center center;
89
+ background-size: $custom-control-indicator-bg-size;
90
+ }
91
+ }
92
+
93
+
94
+ // Checkboxes
95
+ //
96
+ // Tweak just a few things for checkboxes.
97
+
98
+ .custom-checkbox {
99
+ .custom-control-label::before {
100
+ @include border-radius($custom-checkbox-indicator-border-radius);
101
+ }
102
+
103
+ .custom-control-input:checked ~ .custom-control-label {
104
+ &::before {
105
+ @include gradient-bg($custom-control-indicator-checked-bg);
106
+ }
107
+ &::after {
108
+ background-image: $custom-checkbox-indicator-icon-checked;
109
+ }
110
+ }
111
+
112
+ .custom-control-input:indeterminate ~ .custom-control-label {
113
+ &::before {
114
+ @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
115
+ @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
116
+ }
117
+ &::after {
118
+ background-image: $custom-checkbox-indicator-icon-indeterminate;
119
+ }
120
+ }
121
+
122
+ .custom-control-input:disabled {
123
+ &:checked ~ .custom-control-label::before {
124
+ background-color: $custom-control-indicator-checked-disabled-bg;
125
+ }
126
+ &:indeterminate ~ .custom-control-label::before {
127
+ background-color: $custom-control-indicator-checked-disabled-bg;
128
+ }
129
+ }
130
+ }
131
+
132
+ // Radios
133
+ //
134
+ // Tweak just a few things for radios.
135
+
136
+ .custom-radio {
137
+ .custom-control-label::before {
138
+ border-radius: $custom-radio-indicator-border-radius;
139
+ }
140
+
141
+ .custom-control-input:checked ~ .custom-control-label {
142
+ &::before {
143
+ @include gradient-bg($custom-control-indicator-checked-bg);
144
+ }
145
+ &::after {
146
+ background-image: $custom-radio-indicator-icon-checked;
147
+ }
148
+ }
149
+
150
+ .custom-control-input:disabled {
151
+ &:checked ~ .custom-control-label::before {
152
+ background-color: $custom-control-indicator-checked-disabled-bg;
153
+ }
154
+ }
155
+ }
156
+
157
+
158
+ // Select
159
+ //
160
+ // Replaces the browser default select with a custom one, mostly pulled from
161
+ // https://primer.github.io/.
162
+ //
163
+
164
+ .custom-select {
165
+ display: inline-block;
166
+ width: 100%;
167
+ height: $custom-select-height;
168
+ padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
169
+ line-height: $custom-select-line-height;
170
+ color: $custom-select-color;
171
+ vertical-align: middle;
172
+ background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
173
+ background-size: $custom-select-bg-size;
174
+ border: $custom-select-border-width solid $custom-select-border-color;
175
+ @if $enable-rounded {
176
+ border-radius: $custom-select-border-radius;
177
+ } @else {
178
+ border-radius: 0;
179
+ }
180
+ @include box-shadow($custom-select-box-shadow);
181
+ appearance: none;
182
+
183
+ &:focus {
184
+ border-color: $custom-select-focus-border-color;
185
+ outline: 0;
186
+ @if $enable-shadows {
187
+ box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;
188
+ } @else {
189
+ box-shadow: $custom-select-focus-box-shadow;
190
+ }
191
+
192
+ &::-ms-value {
193
+ // For visual consistency with other platforms/browsers,
194
+ // suppress the default white text on blue background highlight given to
195
+ // the selected option text when the (still closed) <select> receives focus
196
+ // in IE and (under certain conditions) Edge.
197
+ // See https://github.com/twbs/bootstrap/issues/19398.
198
+ color: $input-color;
199
+ background-color: $input-bg;
200
+ }
201
+ }
202
+
203
+ &[multiple],
204
+ &[size]:not([size="1"]) {
205
+ height: auto;
206
+ padding-right: $custom-select-padding-x;
207
+ background-image: none;
208
+ }
209
+
210
+ &:disabled {
211
+ color: $custom-select-disabled-color;
212
+ background-color: $custom-select-disabled-bg;
213
+ }
214
+
215
+ // Hides the default caret in IE11
216
+ &::-ms-expand {
217
+ opacity: 0;
218
+ }
219
+ }
220
+
221
+ .custom-select-sm {
222
+ height: $custom-select-height-sm;
223
+ padding-top: $custom-select-padding-y;
224
+ padding-bottom: $custom-select-padding-y;
225
+ font-size: $custom-select-font-size-sm;
226
+ }
227
+
228
+ .custom-select-lg {
229
+ height: $custom-select-height-lg;
230
+ padding-top: $custom-select-padding-y;
231
+ padding-bottom: $custom-select-padding-y;
232
+ font-size: $custom-select-font-size-lg;
233
+ }
234
+
235
+
236
+ // File
237
+ //
238
+ // Custom file input.
239
+
240
+ .custom-file {
241
+ position: relative;
242
+ display: inline-block;
243
+ width: 100%;
244
+ height: $custom-file-height;
245
+ margin-bottom: 0;
246
+ }
247
+
248
+ .custom-file-input {
249
+ position: relative;
250
+ z-index: 2;
251
+ width: 100%;
252
+ height: $custom-file-height;
253
+ margin: 0;
254
+ opacity: 0;
255
+
256
+ &:focus ~ .custom-file-label {
257
+ border-color: $custom-file-focus-border-color;
258
+ box-shadow: $custom-file-focus-box-shadow;
259
+
260
+ &::after {
261
+ border-color: $custom-file-focus-border-color;
262
+ }
263
+ }
264
+
265
+ &:disabled ~ .custom-file-label {
266
+ background-color: $custom-file-disabled-bg;
267
+ }
268
+
269
+ @each $lang, $value in $custom-file-text {
270
+ &:lang(#{$lang}) ~ .custom-file-label::after {
271
+ content: $value;
272
+ }
273
+ }
274
+ }
275
+
276
+ .custom-file-label {
277
+ position: absolute;
278
+ top: 0;
279
+ right: 0;
280
+ left: 0;
281
+ z-index: 1;
282
+ height: $custom-file-height;
283
+ padding: $custom-file-padding-y $custom-file-padding-x;
284
+ line-height: $custom-file-line-height;
285
+ color: $custom-file-color;
286
+ background-color: $custom-file-bg;
287
+ border: $custom-file-border-width solid $custom-file-border-color;
288
+ @include border-radius($custom-file-border-radius);
289
+ @include box-shadow($custom-file-box-shadow);
290
+
291
+ &::after {
292
+ position: absolute;
293
+ top: 0;
294
+ right: 0;
295
+ bottom: 0;
296
+ z-index: 3;
297
+ display: block;
298
+ height: $custom-file-height-inner;
299
+ padding: $custom-file-padding-y $custom-file-padding-x;
300
+ line-height: $custom-file-line-height;
301
+ color: $custom-file-button-color;
302
+ content: "Browse";
303
+ @include gradient-bg($custom-file-button-bg);
304
+ border-left: $custom-file-border-width solid $custom-file-border-color;
305
+ @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
306
+ }
307
+ }
308
+
309
+ // Range
310
+ //
311
+ // Style range inputs the same across browsers. Vendor-specific rules for pseudo
312
+ // elements cannot be mixed. As such, there are no shared styles for focus or
313
+ // active states on prefixed selectors.
314
+
315
+ .custom-range {
316
+ width: 100%;
317
+ padding-left: 0; // Firefox specific
318
+ background-color: transparent;
319
+ appearance: none;
320
+
321
+ &:focus {
322
+ outline: none;
323
+
324
+ // Pseudo-elements must be split across multiple rulesets to have an affect.
325
+ // No box-shadow() mixin for focus accessibility.
326
+ &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
327
+ &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
328
+ &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
329
+ }
330
+
331
+ &::-moz-focus-outer {
332
+ border: 0;
333
+ }
334
+
335
+ &::-webkit-slider-thumb {
336
+ width: $custom-range-thumb-width;
337
+ height: $custom-range-thumb-height;
338
+ margin-top: (($custom-range-track-height - $custom-range-thumb-height) / 2); // Webkit specific
339
+ @include gradient-bg($custom-range-thumb-bg);
340
+ border: $custom-range-thumb-border;
341
+ @include border-radius($custom-range-thumb-border-radius);
342
+ @include box-shadow($custom-range-thumb-box-shadow);
343
+ @include transition($custom-forms-transition);
344
+ appearance: none;
345
+
346
+ &:active {
347
+ @include gradient-bg($custom-range-thumb-active-bg);
348
+ }
349
+ }
350
+
351
+ &::-webkit-slider-runnable-track {
352
+ width: $custom-range-track-width;
353
+ height: $custom-range-track-height;
354
+ color: transparent; // Why?
355
+ cursor: $custom-range-track-cursor;
356
+ background-color: $custom-range-track-bg;
357
+ border-color: transparent;
358
+ @include border-radius($custom-range-track-border-radius);
359
+ @include box-shadow($custom-range-track-box-shadow);
360
+ }
361
+
362
+ &::-moz-range-thumb {
363
+ width: $custom-range-thumb-width;
364
+ height: $custom-range-thumb-height;
365
+ @include gradient-bg($custom-range-thumb-bg);
366
+ border: $custom-range-thumb-border;
367
+ @include border-radius($custom-range-thumb-border-radius);
368
+ @include box-shadow($custom-range-thumb-box-shadow);
369
+ @include transition($custom-forms-transition);
370
+ appearance: none;
371
+
372
+ &:active {
373
+ @include gradient-bg($custom-range-thumb-active-bg);
374
+ }
375
+ }
376
+
377
+ &::-moz-range-track {
378
+ width: $custom-range-track-width;
379
+ height: $custom-range-track-height;
380
+ color: transparent;
381
+ cursor: $custom-range-track-cursor;
382
+ background-color: $custom-range-track-bg;
383
+ border-color: transparent; // Firefox specific?
384
+ @include border-radius($custom-range-track-border-radius);
385
+ @include box-shadow($custom-range-track-box-shadow);
386
+ }
387
+
388
+ &::-ms-thumb {
389
+ width: $custom-range-thumb-width;
390
+ height: $custom-range-thumb-height;
391
+ margin-top: 0; // Edge specific
392
+ margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
393
+ margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
394
+ @include gradient-bg($custom-range-thumb-bg);
395
+ border: $custom-range-thumb-border;
396
+ @include border-radius($custom-range-thumb-border-radius);
397
+ @include box-shadow($custom-range-thumb-box-shadow);
398
+ @include transition($custom-forms-transition);
399
+ appearance: none;
400
+
401
+ &:active {
402
+ @include gradient-bg($custom-range-thumb-active-bg);
403
+ }
404
+ }
405
+
406
+ &::-ms-track {
407
+ width: $custom-range-track-width;
408
+ height: $custom-range-track-height;
409
+ color: transparent;
410
+ cursor: $custom-range-track-cursor;
411
+ background-color: transparent;
412
+ border-color: transparent;
413
+ border-width: ($custom-range-thumb-height * .5);
414
+ @include box-shadow($custom-range-track-box-shadow);
415
+ }
416
+
417
+ &::-ms-fill-lower {
418
+ background-color: $custom-range-track-bg;
419
+ @include border-radius($custom-range-track-border-radius);
420
+ }
421
+
422
+ &::-ms-fill-upper {
423
+ margin-right: 15px; // arbitrary?
424
+ background-color: $custom-range-track-bg;
425
+ @include border-radius($custom-range-track-border-radius);
426
+ }
427
+ }
428
+
429
+ .custom-control-label::before,
430
+ .custom-file-label,
431
+ .custom-select {
432
+ @include transition($custom-forms-transition);
433
+ }
@@ -0,0 +1,166 @@
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropright,
4
+ .dropdown,
5
+ .dropleft {
6
+ position: relative;
7
+ }
8
+
9
+ .dropdown-toggle {
10
+ // Generate the caret automatically
11
+ @include caret;
12
+ }
13
+
14
+ // The dropdown menu
15
+ .dropdown-menu {
16
+ position: absolute;
17
+ top: 100%;
18
+ left: 0;
19
+ z-index: $zindex-dropdown;
20
+ display: none; // none by default, but block on "open" of the menu
21
+ float: left;
22
+ min-width: $dropdown-min-width;
23
+ padding: $dropdown-padding-y 0;
24
+ margin: $dropdown-spacer 0 0; // override default ul
25
+ font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
26
+ color: $body-color;
27
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
28
+ list-style: none;
29
+ background-color: $dropdown-bg;
30
+ background-clip: padding-box;
31
+ border: $dropdown-border-width solid $dropdown-border-color;
32
+ @include border-radius($dropdown-border-radius);
33
+ @include box-shadow($dropdown-box-shadow);
34
+ }
35
+
36
+ .dropdown-menu-right {
37
+ right: 0;
38
+ left: auto;
39
+ }
40
+
41
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
42
+ // Just add .dropup after the standard .dropdown class and you're set.
43
+ .dropup {
44
+ .dropdown-menu {
45
+ top: auto;
46
+ bottom: 100%;
47
+ margin-top: 0;
48
+ margin-bottom: $dropdown-spacer;
49
+ }
50
+
51
+ .dropdown-toggle {
52
+ @include caret(up);
53
+ }
54
+ }
55
+
56
+ .dropright {
57
+ .dropdown-menu {
58
+ top: 0;
59
+ right: auto;
60
+ left: 100%;
61
+ margin-top: 0;
62
+ margin-left: $dropdown-spacer;
63
+ }
64
+
65
+ .dropdown-toggle {
66
+ @include caret(right);
67
+ &::after {
68
+ vertical-align: 0;
69
+ }
70
+ }
71
+ }
72
+
73
+ .dropleft {
74
+ .dropdown-menu {
75
+ top: 0;
76
+ right: 100%;
77
+ left: auto;
78
+ margin-top: 0;
79
+ margin-right: $dropdown-spacer;
80
+ }
81
+
82
+ .dropdown-toggle {
83
+ @include caret(left);
84
+ &::before {
85
+ vertical-align: 0;
86
+ }
87
+ }
88
+ }
89
+
90
+ // When enabled Popper.js, reset basic dropdown position
91
+ // stylelint-disable no-duplicate-selectors
92
+ .dropdown-menu {
93
+ &[x-placement^="top"],
94
+ &[x-placement^="right"],
95
+ &[x-placement^="bottom"],
96
+ &[x-placement^="left"] {
97
+ right: auto;
98
+ bottom: auto;
99
+ }
100
+ }
101
+ // stylelint-enable no-duplicate-selectors
102
+
103
+ // Dividers (basically an `<hr>`) within the dropdown
104
+ .dropdown-divider {
105
+ @include nav-divider($dropdown-divider-bg);
106
+ }
107
+
108
+ // Links, buttons, and more within the dropdown menu
109
+ //
110
+ // `<button>`-specific styles are denoted with `// For <button>s`
111
+ .dropdown-item {
112
+ display: block;
113
+ width: 100%; // For `<button>`s
114
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
115
+ clear: both;
116
+ font-weight: $font-weight-normal;
117
+ color: $dropdown-link-color;
118
+ text-align: inherit; // For `<button>`s
119
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
120
+ background-color: transparent; // For `<button>`s
121
+ border: 0; // For `<button>`s
122
+
123
+ @include hover-focus {
124
+ color: $dropdown-link-hover-color;
125
+ text-decoration: none;
126
+ @include gradient-bg($dropdown-link-hover-bg);
127
+ }
128
+
129
+ &.active,
130
+ &:active {
131
+ color: $dropdown-link-active-color;
132
+ text-decoration: none;
133
+ @include gradient-bg($dropdown-link-active-bg);
134
+ }
135
+
136
+ &.disabled,
137
+ &:disabled {
138
+ color: $dropdown-link-disabled-color;
139
+ background-color: transparent;
140
+ // Remove CSS gradients if they're enabled
141
+ @if $enable-gradients {
142
+ background-image: none;
143
+ }
144
+ }
145
+ }
146
+
147
+ .dropdown-menu.show {
148
+ display: block;
149
+ }
150
+
151
+ // Dropdown section headers
152
+ .dropdown-header {
153
+ display: block;
154
+ padding: $dropdown-padding-y $dropdown-item-padding-x;
155
+ margin-bottom: 0; // for use with heading elements
156
+ font-size: $font-size-sm;
157
+ color: $dropdown-header-color;
158
+ white-space: nowrap; // as with > li > a
159
+ }
160
+
161
+ // Dropdown text
162
+ .dropdown-item-text {
163
+ display: block;
164
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
165
+ color: $dropdown-link-color;
166
+ }