viniBaxter-desk_front 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (193) hide show
  1. checksums.yaml +7 -0
  2. data/.DS_Store +0 -0
  3. data/.gitignore +11 -0
  4. data/.rspec +3 -0
  5. data/.travis.yml +7 -0
  6. data/CODE_OF_CONDUCT.md +74 -0
  7. data/Gemfile +4 -0
  8. data/Gemfile.lock +35 -0
  9. data/README.md +39 -0
  10. data/Rakefile +6 -0
  11. data/app/assets/images/desk_front/.DS_Store +0 -0
  12. data/app/assets/images/desk_front/avatar-group-hover-last.svg +9 -0
  13. data/app/assets/images/desk_front/avatar-group-hover.svg +10 -0
  14. data/app/assets/images/desk_front/avatar-group.svg +9 -0
  15. data/app/assets/images/desk_front/avatar-status.svg +9 -0
  16. data/bin/console +14 -0
  17. data/bin/setup +8 -0
  18. data/image_setUP.md +5 -0
  19. data/lib/viniBaxter/.DS_Store +0 -0
  20. data/lib/viniBaxter/desk_front/.DS_Store +0 -0
  21. data/lib/viniBaxter/desk_front/engine.rb +17 -0
  22. data/lib/viniBaxter/desk_front/version.rb +5 -0
  23. data/lib/viniBaxter/desk_front.rb +8 -0
  24. data/lib/viniBaxter/sass/.DS_Store +0 -0
  25. data/lib/viniBaxter/sass/desk_front/.DS_Store +0 -0
  26. data/lib/viniBaxter/sass/desk_front/_user-variables.scss +8 -0
  27. data/lib/viniBaxter/sass/desk_front/_user.scss +4 -0
  28. data/lib/viniBaxter/sass/desk_front/administrate/base/_forms.scss +107 -0
  29. data/lib/viniBaxter/sass/desk_front/administrate/base/_layout.scss +20 -0
  30. data/lib/viniBaxter/sass/desk_front/administrate/base/_lists.scss +19 -0
  31. data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss +55 -0
  32. data/lib/viniBaxter/sass/desk_front/administrate/base/_typography.scss +45 -0
  33. data/lib/viniBaxter/sass/desk_front/administrate/components/_app-container.scss +9 -0
  34. data/lib/viniBaxter/sass/desk_front/administrate/components/_attributes.scss +26 -0
  35. data/lib/viniBaxter/sass/desk_front/administrate/components/_buttons.scss +51 -0
  36. data/lib/viniBaxter/sass/desk_front/administrate/components/_cells.scss +47 -0
  37. data/lib/viniBaxter/sass/desk_front/administrate/components/_field-unit.scss +45 -0
  38. data/lib/viniBaxter/sass/desk_front/administrate/components/_flashes.scss +28 -0
  39. data/lib/viniBaxter/sass/desk_front/administrate/components/_form-actions.scss +3 -0
  40. data/lib/viniBaxter/sass/desk_front/administrate/components/_main-content.scss +29 -0
  41. data/lib/viniBaxter/sass/desk_front/administrate/components/_navigation.scss +32 -0
  42. data/lib/viniBaxter/sass/desk_front/administrate/components/_pagination.scss +18 -0
  43. data/lib/viniBaxter/sass/desk_front/administrate/components/_search.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/administrate/desk_front/.DS_Store +0 -0
  45. data/lib/viniBaxter/sass/desk_front/administrate/index.scss +34 -0
  46. data/lib/viniBaxter/sass/desk_front/administrate/library/_clearfix.scss +7 -0
  47. data/lib/viniBaxter/sass/desk_front/administrate/library/_data-label.scss +8 -0
  48. data/lib/viniBaxter/sass/desk_front/administrate/library/_variables.scss +0 -0
  49. data/lib/viniBaxter/sass/desk_front/administrate/reset/_normalize.scss +447 -0
  50. data/lib/viniBaxter/sass/desk_front/administrate/utilities/_text-color.scss +3 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_alert.scss +51 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_badge.scss +54 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_breadcrumb.scss +42 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_button-group.scss +163 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_buttons.scss +139 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_card.scss +278 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_carousel.scss +197 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_close.scss +41 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_code.scss +48 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_custom-forms.scss +521 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_dropdown.scss +191 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_forms.scss +338 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_functions.scss +134 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_grid.scss +69 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_images.scss +42 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_input-group.scss +191 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_jumbotron.scss +17 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_list-group.scss +158 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_media.scss +8 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_mixins.scss +47 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_modal.scss +239 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_nav.scss +120 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_navbar.scss +324 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_pagination.scss +73 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_popover.scss +170 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_print.scss +141 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_progress.scss +46 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_reboot.scss +482 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_root.scss +20 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_spinners.scss +55 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_tables.scss +185 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_toasts.scss +44 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_tooltip.scss +115 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_transitions.scss +20 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_type.scss +125 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_utilities.scss +17 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap_4/_variables.scss +1143 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap_4/bootstrap-grid.scss +29 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap_4/bootstrap-reboot.scss +12 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap_4/bootstrap.scss +44 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_alert.scss +13 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_background-variant.scss +22 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_badge.scss +17 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_border-radius.scss +63 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_box-shadow.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_breakpoints.scss +123 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_buttons.scss +110 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_caret.scss +62 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_clearfix.scss +7 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_deprecate.scss +10 -0
  101. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_float.scss +14 -0
  102. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_forms.scss +177 -0
  103. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_gradients.scss +45 -0
  104. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_grid-framework.scss +71 -0
  105. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_grid.scss +69 -0
  106. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_hover.scss +37 -0
  107. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_image.scss +36 -0
  108. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_list-group.scss +21 -0
  109. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_lists.scss +7 -0
  110. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_nav-divider.scss +11 -0
  111. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_pagination.scss +22 -0
  112. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_reset-text.scss +17 -0
  113. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_resize.scss +6 -0
  114. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_screen-reader.scss +34 -0
  115. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_size.scss +7 -0
  116. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_table-row.scss +39 -0
  117. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_text-emphasis.scss +17 -0
  118. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_text-hide.scss +11 -0
  119. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_text-truncate.scss +8 -0
  120. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_transition.scss +16 -0
  121. data/lib/viniBaxter/sass/desk_front/bootstrap_4/mixins/_visibility.scss +8 -0
  122. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_align.scss +8 -0
  123. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_background.scss +19 -0
  124. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_borders.scss +75 -0
  125. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_clearfix.scss +3 -0
  126. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_display.scss +26 -0
  127. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_embed.scss +39 -0
  128. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_flex.scss +51 -0
  129. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_float.scss +11 -0
  130. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_overflow.scss +5 -0
  131. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_position.scss +32 -0
  132. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_screenreaders.scss +11 -0
  133. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_shadows.scss +6 -0
  134. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_sizing.scss +20 -0
  135. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_spacing.scss +73 -0
  136. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_stretched-link.scss +19 -0
  137. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_text.scss +72 -0
  138. data/lib/viniBaxter/sass/desk_front/bootstrap_4/utilities/_visibility.scss +13 -0
  139. data/lib/viniBaxter/sass/desk_front/bootstrap_4/vendor/_rfs.scss +204 -0
  140. data/lib/viniBaxter/sass/desk_front/dashkit/_alert.scss +28 -0
  141. data/lib/viniBaxter/sass/desk_front/dashkit/_avatar.scss +197 -0
  142. data/lib/viniBaxter/sass/desk_front/dashkit/_badge.scss +28 -0
  143. data/lib/viniBaxter/sass/desk_front/dashkit/_breadcrumb.scss +55 -0
  144. data/lib/viniBaxter/sass/desk_front/dashkit/_buttons.scss +68 -0
  145. data/lib/viniBaxter/sass/desk_front/dashkit/_card.scss +298 -0
  146. data/lib/viniBaxter/sass/desk_front/dashkit/_chart.scss +79 -0
  147. data/lib/viniBaxter/sass/desk_front/dashkit/_checklist.scss +36 -0
  148. data/lib/viniBaxter/sass/desk_front/dashkit/_close.scss +10 -0
  149. data/lib/viniBaxter/sass/desk_front/dashkit/_code.scss +16 -0
  150. data/lib/viniBaxter/sass/desk_front/dashkit/_comment.scss +34 -0
  151. data/lib/viniBaxter/sass/desk_front/dashkit/_custom-forms.scss +37 -0
  152. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +38 -0
  153. data/lib/viniBaxter/sass/desk_front/dashkit/_dropdowns.scss +124 -0
  154. data/lib/viniBaxter/sass/desk_front/dashkit/_forms.scss +272 -0
  155. data/lib/viniBaxter/sass/desk_front/dashkit/_header.scss +58 -0
  156. data/lib/viniBaxter/sass/desk_front/dashkit/_icon.scss +54 -0
  157. data/lib/viniBaxter/sass/desk_front/dashkit/_jumbotron.scss +15 -0
  158. data/lib/viniBaxter/sass/desk_front/dashkit/_kanban.scss +68 -0
  159. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +53 -0
  160. data/lib/viniBaxter/sass/desk_front/dashkit/_main-content.scss +70 -0
  161. data/lib/viniBaxter/sass/desk_front/dashkit/_mixins.scss +16 -0
  162. data/lib/viniBaxter/sass/desk_front/dashkit/_modal.scss +101 -0
  163. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +112 -0
  164. data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +722 -0
  165. data/lib/viniBaxter/sass/desk_front/dashkit/_popover.scss +101 -0
  166. data/lib/viniBaxter/sass/desk_front/dashkit/_progress.scss +27 -0
  167. data/lib/viniBaxter/sass/desk_front/dashkit/_reboot.scss +12 -0
  168. data/lib/viniBaxter/sass/desk_front/dashkit/_root.scss +12 -0
  169. data/lib/viniBaxter/sass/desk_front/dashkit/_tables.scss +76 -0
  170. data/lib/viniBaxter/sass/desk_front/dashkit/_toasts.scss +4 -0
  171. data/lib/viniBaxter/sass/desk_front/dashkit/_type.scss +115 -0
  172. data/lib/viniBaxter/sass/desk_front/dashkit/_utilities.scss +5 -0
  173. data/lib/viniBaxter/sass/desk_front/dashkit/_variables.scss +0 -0
  174. data/lib/viniBaxter/sass/desk_front/dashkit/_vendors.scss +5 -0
  175. data/lib/viniBaxter/sass/desk_front/dashkit/dark/_overrides-dark.scss +60 -0
  176. data/lib/viniBaxter/sass/desk_front/dashkit/dark/_variables-dark.scss +219 -0
  177. data/lib/viniBaxter/sass/desk_front/dashkit/mixins/_badge.scss +16 -0
  178. data/lib/viniBaxter/sass/desk_front/dashkit/mixins/_breakpoints.scss +9 -0
  179. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_background.scss +80 -0
  180. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_borders.scss +48 -0
  181. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_lift.scss +20 -0
  182. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_sizing.scss +10 -0
  183. data/lib/viniBaxter/sass/desk_front/dashkit/utilities/_type.scss +34 -0
  184. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_dropzone.scss +75 -0
  185. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_flatpickr.scss +69 -0
  186. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_list.scss +11 -0
  187. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_quill.scss +283 -0
  188. data/lib/viniBaxter/sass/desk_front/dashkit/vendors/_select2.scss +128 -0
  189. data/lib/viniBaxter/sass/desk_front/theme-dark.scss +30 -0
  190. data/lib/viniBaxter/sass/desk_front/theme.scss +24 -0
  191. data/lib/viniBaxter/sass/desk_front.scss +23 -0
  192. data/viniBaxter-desk_front.gemspec +33 -0
  193. metadata +275 -0
@@ -0,0 +1,521 @@
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 + $custom-control-indicator-size;
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
+ left: 0;
25
+ z-index: -1; // Put the input behind the label so it doesn't overlay text
26
+ width: $custom-control-indicator-size;
27
+ height: ($font-size-base * $line-height-base + $custom-control-indicator-size) / 2;
28
+ opacity: 0;
29
+
30
+ &:checked ~ .custom-control-label::before {
31
+ color: $custom-control-indicator-checked-color;
32
+ border-color: $custom-control-indicator-checked-border-color;
33
+ @include gradient-bg($custom-control-indicator-checked-bg);
34
+ @include box-shadow($custom-control-indicator-checked-box-shadow);
35
+ }
36
+
37
+ &:focus ~ .custom-control-label::before {
38
+ // the mixin is not used here to make sure there is feedback
39
+ @if $enable-shadows {
40
+ box-shadow: $input-box-shadow, $input-focus-box-shadow;
41
+ } @else {
42
+ box-shadow: $custom-control-indicator-focus-box-shadow;
43
+ }
44
+ }
45
+
46
+ &:focus:not(:checked) ~ .custom-control-label::before {
47
+ border-color: $custom-control-indicator-focus-border-color;
48
+ }
49
+
50
+ &:not(:disabled):active ~ .custom-control-label::before {
51
+ color: $custom-control-indicator-active-color;
52
+ background-color: $custom-control-indicator-active-bg;
53
+ border-color: $custom-control-indicator-active-border-color;
54
+ @include box-shadow($custom-control-indicator-active-box-shadow);
55
+ }
56
+
57
+ // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
58
+ &[disabled],
59
+ &:disabled {
60
+ ~ .custom-control-label {
61
+ color: $custom-control-label-disabled-color;
62
+
63
+ &::before {
64
+ background-color: $custom-control-indicator-disabled-bg;
65
+ }
66
+ }
67
+ }
68
+ }
69
+
70
+ // Custom control indicators
71
+ //
72
+ // Build the custom controls out of pseudo-elements.
73
+
74
+ .custom-control-label {
75
+ position: relative;
76
+ margin-bottom: 0;
77
+ color: $custom-control-label-color;
78
+ vertical-align: top;
79
+ cursor: $custom-control-cursor;
80
+
81
+ // Background-color and (when enabled) gradient
82
+ &::before {
83
+ position: absolute;
84
+ top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
85
+ left: -($custom-control-gutter + $custom-control-indicator-size);
86
+ display: block;
87
+ width: $custom-control-indicator-size;
88
+ height: $custom-control-indicator-size;
89
+ pointer-events: none;
90
+ content: "";
91
+ background-color: $custom-control-indicator-bg;
92
+ border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;
93
+ @include box-shadow($custom-control-indicator-box-shadow);
94
+ }
95
+
96
+ // Foreground (icon)
97
+ &::after {
98
+ position: absolute;
99
+ top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
100
+ left: -($custom-control-gutter + $custom-control-indicator-size);
101
+ display: block;
102
+ width: $custom-control-indicator-size;
103
+ height: $custom-control-indicator-size;
104
+ content: "";
105
+ background: no-repeat 50% / #{$custom-control-indicator-bg-size};
106
+ }
107
+ }
108
+
109
+
110
+ // Checkboxes
111
+ //
112
+ // Tweak just a few things for checkboxes.
113
+
114
+ .custom-checkbox {
115
+ .custom-control-label::before {
116
+ @include border-radius($custom-checkbox-indicator-border-radius);
117
+ }
118
+
119
+ .custom-control-input:checked ~ .custom-control-label {
120
+ &::after {
121
+ background-image: escape-svg($custom-checkbox-indicator-icon-checked);
122
+ }
123
+ }
124
+
125
+ .custom-control-input:indeterminate ~ .custom-control-label {
126
+ &::before {
127
+ border-color: $custom-checkbox-indicator-indeterminate-border-color;
128
+ @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
129
+ @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
130
+ }
131
+ &::after {
132
+ background-image: escape-svg($custom-checkbox-indicator-icon-indeterminate);
133
+ }
134
+ }
135
+
136
+ .custom-control-input:disabled {
137
+ &:checked ~ .custom-control-label::before {
138
+ background-color: $custom-control-indicator-checked-disabled-bg;
139
+ }
140
+ &:indeterminate ~ .custom-control-label::before {
141
+ background-color: $custom-control-indicator-checked-disabled-bg;
142
+ }
143
+ }
144
+ }
145
+
146
+ // Radios
147
+ //
148
+ // Tweak just a few things for radios.
149
+
150
+ .custom-radio {
151
+ .custom-control-label::before {
152
+ // stylelint-disable-next-line property-blacklist
153
+ border-radius: $custom-radio-indicator-border-radius;
154
+ }
155
+
156
+ .custom-control-input:checked ~ .custom-control-label {
157
+ &::after {
158
+ background-image: escape-svg($custom-radio-indicator-icon-checked);
159
+ }
160
+ }
161
+
162
+ .custom-control-input:disabled {
163
+ &:checked ~ .custom-control-label::before {
164
+ background-color: $custom-control-indicator-checked-disabled-bg;
165
+ }
166
+ }
167
+ }
168
+
169
+
170
+ // switches
171
+ //
172
+ // Tweak a few things for switches
173
+
174
+ .custom-switch {
175
+ padding-left: $custom-switch-width + $custom-control-gutter;
176
+
177
+ .custom-control-label {
178
+ &::before {
179
+ left: -($custom-switch-width + $custom-control-gutter);
180
+ width: $custom-switch-width;
181
+ pointer-events: all;
182
+ // stylelint-disable-next-line property-blacklist
183
+ border-radius: $custom-switch-indicator-border-radius;
184
+ }
185
+
186
+ &::after {
187
+ top: add(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2, $custom-control-indicator-border-width * 2);
188
+ left: add(-($custom-switch-width + $custom-control-gutter), $custom-control-indicator-border-width * 2);
189
+ width: $custom-switch-indicator-size;
190
+ height: $custom-switch-indicator-size;
191
+ background-color: $custom-control-indicator-border-color;
192
+ // stylelint-disable-next-line property-blacklist
193
+ border-radius: $custom-switch-indicator-border-radius;
194
+ @include transition(transform .15s ease-in-out, $custom-forms-transition);
195
+ }
196
+ }
197
+
198
+ .custom-control-input:checked ~ .custom-control-label {
199
+ &::after {
200
+ background-color: $custom-control-indicator-bg;
201
+ transform: translateX($custom-switch-width - $custom-control-indicator-size);
202
+ }
203
+ }
204
+
205
+ .custom-control-input:disabled {
206
+ &:checked ~ .custom-control-label::before {
207
+ background-color: $custom-control-indicator-checked-disabled-bg;
208
+ }
209
+ }
210
+ }
211
+
212
+
213
+ // Select
214
+ //
215
+ // Replaces the browser default select with a custom one, mostly pulled from
216
+ // https://primer.github.io/.
217
+ //
218
+
219
+ .custom-select {
220
+ display: inline-block;
221
+ width: 100%;
222
+ height: $custom-select-height;
223
+ padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
224
+ font-family: $custom-select-font-family;
225
+ @include font-size($custom-select-font-size);
226
+ font-weight: $custom-select-font-weight;
227
+ line-height: $custom-select-line-height;
228
+ color: $custom-select-color;
229
+ vertical-align: middle;
230
+ background: $custom-select-bg $custom-select-background;
231
+ border: $custom-select-border-width solid $custom-select-border-color;
232
+ @include border-radius($custom-select-border-radius, 0);
233
+ @include box-shadow($custom-select-box-shadow);
234
+ appearance: none;
235
+
236
+ &:focus {
237
+ border-color: $custom-select-focus-border-color;
238
+ outline: 0;
239
+ @if $enable-shadows {
240
+ box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;
241
+ } @else {
242
+ box-shadow: $custom-select-focus-box-shadow;
243
+ }
244
+
245
+ &::-ms-value {
246
+ // For visual consistency with other platforms/browsers,
247
+ // suppress the default white text on blue background highlight given to
248
+ // the selected option text when the (still closed) <select> receives focus
249
+ // in IE and (under certain conditions) Edge.
250
+ // See https://github.com/twbs/bootstrap/issues/19398.
251
+ color: $input-color;
252
+ background-color: $input-bg;
253
+ }
254
+ }
255
+
256
+ &[multiple],
257
+ &[size]:not([size="1"]) {
258
+ height: auto;
259
+ padding-right: $custom-select-padding-x;
260
+ background-image: none;
261
+ }
262
+
263
+ &:disabled {
264
+ color: $custom-select-disabled-color;
265
+ background-color: $custom-select-disabled-bg;
266
+ }
267
+
268
+ // Hides the default caret in IE11
269
+ &::-ms-expand {
270
+ display: none;
271
+ }
272
+
273
+ // Remove outline from select box in FF
274
+ &:-moz-focusring {
275
+ color: transparent;
276
+ text-shadow: 0 0 0 $custom-select-color;
277
+ }
278
+ }
279
+
280
+ .custom-select-sm {
281
+ height: $custom-select-height-sm;
282
+ padding-top: $custom-select-padding-y-sm;
283
+ padding-bottom: $custom-select-padding-y-sm;
284
+ padding-left: $custom-select-padding-x-sm;
285
+ @include font-size($custom-select-font-size-sm);
286
+ }
287
+
288
+ .custom-select-lg {
289
+ height: $custom-select-height-lg;
290
+ padding-top: $custom-select-padding-y-lg;
291
+ padding-bottom: $custom-select-padding-y-lg;
292
+ padding-left: $custom-select-padding-x-lg;
293
+ @include font-size($custom-select-font-size-lg);
294
+ }
295
+
296
+
297
+ // File
298
+ //
299
+ // Custom file input.
300
+
301
+ .custom-file {
302
+ position: relative;
303
+ display: inline-block;
304
+ width: 100%;
305
+ height: $custom-file-height;
306
+ margin-bottom: 0;
307
+ }
308
+
309
+ .custom-file-input {
310
+ position: relative;
311
+ z-index: 2;
312
+ width: 100%;
313
+ height: $custom-file-height;
314
+ margin: 0;
315
+ opacity: 0;
316
+
317
+ &:focus ~ .custom-file-label {
318
+ border-color: $custom-file-focus-border-color;
319
+ box-shadow: $custom-file-focus-box-shadow;
320
+ }
321
+
322
+ // Use [disabled] and :disabled to work around https://github.com/twbs/bootstrap/issues/28247
323
+ &[disabled] ~ .custom-file-label,
324
+ &:disabled ~ .custom-file-label {
325
+ background-color: $custom-file-disabled-bg;
326
+ }
327
+
328
+ @each $lang, $value in $custom-file-text {
329
+ &:lang(#{$lang}) ~ .custom-file-label::after {
330
+ content: $value;
331
+ }
332
+ }
333
+
334
+ ~ .custom-file-label[data-browse]::after {
335
+ content: attr(data-browse);
336
+ }
337
+ }
338
+
339
+ .custom-file-label {
340
+ position: absolute;
341
+ top: 0;
342
+ right: 0;
343
+ left: 0;
344
+ z-index: 1;
345
+ height: $custom-file-height;
346
+ padding: $custom-file-padding-y $custom-file-padding-x;
347
+ font-family: $custom-file-font-family;
348
+ font-weight: $custom-file-font-weight;
349
+ line-height: $custom-file-line-height;
350
+ color: $custom-file-color;
351
+ background-color: $custom-file-bg;
352
+ border: $custom-file-border-width solid $custom-file-border-color;
353
+ @include border-radius($custom-file-border-radius);
354
+ @include box-shadow($custom-file-box-shadow);
355
+
356
+ &::after {
357
+ position: absolute;
358
+ top: 0;
359
+ right: 0;
360
+ bottom: 0;
361
+ z-index: 3;
362
+ display: block;
363
+ height: $custom-file-height-inner;
364
+ padding: $custom-file-padding-y $custom-file-padding-x;
365
+ line-height: $custom-file-line-height;
366
+ color: $custom-file-button-color;
367
+ content: "Browse";
368
+ @include gradient-bg($custom-file-button-bg);
369
+ border-left: inherit;
370
+ @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
371
+ }
372
+ }
373
+
374
+ // Range
375
+ //
376
+ // Style range inputs the same across browsers. Vendor-specific rules for pseudo
377
+ // elements cannot be mixed. As such, there are no shared styles for focus or
378
+ // active states on prefixed selectors.
379
+
380
+ .custom-range {
381
+ width: 100%;
382
+ height: add($custom-range-thumb-height, $custom-range-thumb-focus-box-shadow-width * 2);
383
+ padding: 0; // Need to reset padding
384
+ background-color: transparent;
385
+ appearance: none;
386
+
387
+ &:focus {
388
+ outline: none;
389
+
390
+ // Pseudo-elements must be split across multiple rulesets to have an effect.
391
+ // No box-shadow() mixin for focus accessibility.
392
+ &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
393
+ &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
394
+ &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
395
+ }
396
+
397
+ &::-moz-focus-outer {
398
+ border: 0;
399
+ }
400
+
401
+ &::-webkit-slider-thumb {
402
+ width: $custom-range-thumb-width;
403
+ height: $custom-range-thumb-height;
404
+ margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific
405
+ @include gradient-bg($custom-range-thumb-bg);
406
+ border: $custom-range-thumb-border;
407
+ @include border-radius($custom-range-thumb-border-radius);
408
+ @include box-shadow($custom-range-thumb-box-shadow);
409
+ @include transition($custom-forms-transition);
410
+ appearance: none;
411
+
412
+ &:active {
413
+ @include gradient-bg($custom-range-thumb-active-bg);
414
+ }
415
+ }
416
+
417
+ &::-webkit-slider-runnable-track {
418
+ width: $custom-range-track-width;
419
+ height: $custom-range-track-height;
420
+ color: transparent; // Why?
421
+ cursor: $custom-range-track-cursor;
422
+ background-color: $custom-range-track-bg;
423
+ border-color: transparent;
424
+ @include border-radius($custom-range-track-border-radius);
425
+ @include box-shadow($custom-range-track-box-shadow);
426
+ }
427
+
428
+ &::-moz-range-thumb {
429
+ width: $custom-range-thumb-width;
430
+ height: $custom-range-thumb-height;
431
+ @include gradient-bg($custom-range-thumb-bg);
432
+ border: $custom-range-thumb-border;
433
+ @include border-radius($custom-range-thumb-border-radius);
434
+ @include box-shadow($custom-range-thumb-box-shadow);
435
+ @include transition($custom-forms-transition);
436
+ appearance: none;
437
+
438
+ &:active {
439
+ @include gradient-bg($custom-range-thumb-active-bg);
440
+ }
441
+ }
442
+
443
+ &::-moz-range-track {
444
+ width: $custom-range-track-width;
445
+ height: $custom-range-track-height;
446
+ color: transparent;
447
+ cursor: $custom-range-track-cursor;
448
+ background-color: $custom-range-track-bg;
449
+ border-color: transparent; // Firefox specific?
450
+ @include border-radius($custom-range-track-border-radius);
451
+ @include box-shadow($custom-range-track-box-shadow);
452
+ }
453
+
454
+ &::-ms-thumb {
455
+ width: $custom-range-thumb-width;
456
+ height: $custom-range-thumb-height;
457
+ margin-top: 0; // Edge specific
458
+ margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
459
+ margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
460
+ @include gradient-bg($custom-range-thumb-bg);
461
+ border: $custom-range-thumb-border;
462
+ @include border-radius($custom-range-thumb-border-radius);
463
+ @include box-shadow($custom-range-thumb-box-shadow);
464
+ @include transition($custom-forms-transition);
465
+ appearance: none;
466
+
467
+ &:active {
468
+ @include gradient-bg($custom-range-thumb-active-bg);
469
+ }
470
+ }
471
+
472
+ &::-ms-track {
473
+ width: $custom-range-track-width;
474
+ height: $custom-range-track-height;
475
+ color: transparent;
476
+ cursor: $custom-range-track-cursor;
477
+ background-color: transparent;
478
+ border-color: transparent;
479
+ border-width: $custom-range-thumb-height / 2;
480
+ @include box-shadow($custom-range-track-box-shadow);
481
+ }
482
+
483
+ &::-ms-fill-lower {
484
+ background-color: $custom-range-track-bg;
485
+ @include border-radius($custom-range-track-border-radius);
486
+ }
487
+
488
+ &::-ms-fill-upper {
489
+ margin-right: 15px; // arbitrary?
490
+ background-color: $custom-range-track-bg;
491
+ @include border-radius($custom-range-track-border-radius);
492
+ }
493
+
494
+ &:disabled {
495
+ &::-webkit-slider-thumb {
496
+ background-color: $custom-range-thumb-disabled-bg;
497
+ }
498
+
499
+ &::-webkit-slider-runnable-track {
500
+ cursor: default;
501
+ }
502
+
503
+ &::-moz-range-thumb {
504
+ background-color: $custom-range-thumb-disabled-bg;
505
+ }
506
+
507
+ &::-moz-range-track {
508
+ cursor: default;
509
+ }
510
+
511
+ &::-ms-thumb {
512
+ background-color: $custom-range-thumb-disabled-bg;
513
+ }
514
+ }
515
+ }
516
+
517
+ .custom-control-label::before,
518
+ .custom-file-label,
519
+ .custom-select {
520
+ @include transition($custom-forms-transition);
521
+ }
@@ -0,0 +1,191 @@
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropright,
4
+ .dropdown,
5
+ .dropleft {
6
+ position: relative;
7
+ }
8
+
9
+ .dropdown-toggle {
10
+ white-space: nowrap;
11
+
12
+ // Generate the caret automatically
13
+ @include caret();
14
+ }
15
+
16
+ // The dropdown menu
17
+ .dropdown-menu {
18
+ position: absolute;
19
+ top: 100%;
20
+ left: 0;
21
+ z-index: $zindex-dropdown;
22
+ display: none; // none by default, but block on "open" of the menu
23
+ float: left;
24
+ min-width: $dropdown-min-width;
25
+ padding: $dropdown-padding-y 0;
26
+ margin: $dropdown-spacer 0 0; // override default ul
27
+ @include font-size($dropdown-font-size);
28
+ color: $dropdown-color;
29
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
30
+ list-style: none;
31
+ background-color: $dropdown-bg;
32
+ background-clip: padding-box;
33
+ border: $dropdown-border-width solid $dropdown-border-color;
34
+ @include border-radius($dropdown-border-radius);
35
+ @include box-shadow($dropdown-box-shadow);
36
+ }
37
+
38
+ @each $breakpoint in map-keys($grid-breakpoints) {
39
+ @include media-breakpoint-up($breakpoint) {
40
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
41
+
42
+ .dropdown-menu#{$infix}-left {
43
+ right: auto;
44
+ left: 0;
45
+ }
46
+
47
+ .dropdown-menu#{$infix}-right {
48
+ right: 0;
49
+ left: auto;
50
+ }
51
+ }
52
+ }
53
+
54
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
55
+ // Just add .dropup after the standard .dropdown class and you're set.
56
+ .dropup {
57
+ .dropdown-menu {
58
+ top: auto;
59
+ bottom: 100%;
60
+ margin-top: 0;
61
+ margin-bottom: $dropdown-spacer;
62
+ }
63
+
64
+ .dropdown-toggle {
65
+ @include caret(up);
66
+ }
67
+ }
68
+
69
+ .dropright {
70
+ .dropdown-menu {
71
+ top: 0;
72
+ right: auto;
73
+ left: 100%;
74
+ margin-top: 0;
75
+ margin-left: $dropdown-spacer;
76
+ }
77
+
78
+ .dropdown-toggle {
79
+ @include caret(right);
80
+ &::after {
81
+ vertical-align: 0;
82
+ }
83
+ }
84
+ }
85
+
86
+ .dropleft {
87
+ .dropdown-menu {
88
+ top: 0;
89
+ right: 100%;
90
+ left: auto;
91
+ margin-top: 0;
92
+ margin-right: $dropdown-spacer;
93
+ }
94
+
95
+ .dropdown-toggle {
96
+ @include caret(left);
97
+ &::before {
98
+ vertical-align: 0;
99
+ }
100
+ }
101
+ }
102
+
103
+ // When enabled Popper.js, reset basic dropdown position
104
+ // stylelint-disable-next-line no-duplicate-selectors
105
+ .dropdown-menu {
106
+ &[x-placement^="top"],
107
+ &[x-placement^="right"],
108
+ &[x-placement^="bottom"],
109
+ &[x-placement^="left"] {
110
+ right: auto;
111
+ bottom: auto;
112
+ }
113
+ }
114
+
115
+ // Dividers (basically an `<hr>`) within the dropdown
116
+ .dropdown-divider {
117
+ @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y, true);
118
+ }
119
+
120
+ // Links, buttons, and more within the dropdown menu
121
+ //
122
+ // `<button>`-specific styles are denoted with `// For <button>s`
123
+ .dropdown-item {
124
+ display: block;
125
+ width: 100%; // For `<button>`s
126
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
127
+ clear: both;
128
+ font-weight: $font-weight-normal;
129
+ color: $dropdown-link-color;
130
+ text-align: inherit; // For `<button>`s
131
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
132
+ background-color: transparent; // For `<button>`s
133
+ border: 0; // For `<button>`s
134
+
135
+ // Prevent dropdown overflow if there's no padding
136
+ // See https://github.com/twbs/bootstrap/pull/27703
137
+ @if $dropdown-padding-y == 0 {
138
+ &:first-child {
139
+ @include border-top-radius($dropdown-inner-border-radius);
140
+ }
141
+
142
+ &:last-child {
143
+ @include border-bottom-radius($dropdown-inner-border-radius);
144
+ }
145
+ }
146
+
147
+ @include hover-focus() {
148
+ color: $dropdown-link-hover-color;
149
+ text-decoration: none;
150
+ @include gradient-bg($dropdown-link-hover-bg);
151
+ }
152
+
153
+ &.active,
154
+ &:active {
155
+ color: $dropdown-link-active-color;
156
+ text-decoration: none;
157
+ @include gradient-bg($dropdown-link-active-bg);
158
+ }
159
+
160
+ &.disabled,
161
+ &:disabled {
162
+ color: $dropdown-link-disabled-color;
163
+ pointer-events: none;
164
+ background-color: transparent;
165
+ // Remove CSS gradients if they're enabled
166
+ @if $enable-gradients {
167
+ background-image: none;
168
+ }
169
+ }
170
+ }
171
+
172
+ .dropdown-menu.show {
173
+ display: block;
174
+ }
175
+
176
+ // Dropdown section headers
177
+ .dropdown-header {
178
+ display: block;
179
+ padding: $dropdown-padding-y $dropdown-item-padding-x;
180
+ margin-bottom: 0; // for use with heading elements
181
+ @include font-size($font-size-sm);
182
+ color: $dropdown-header-color;
183
+ white-space: nowrap; // as with > li > a
184
+ }
185
+
186
+ // Dropdown text
187
+ .dropdown-item-text {
188
+ display: block;
189
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
190
+ color: $dropdown-link-color;
191
+ }