mumuki-styles 2.0.3 → 3.0.2.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (186) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/fonts/dev-awesome.eot +0 -0
  3. data/app/assets/fonts/dev-awesome.ttf +0 -0
  4. data/app/assets/fonts/dev-awesome.woff +0 -0
  5. data/app/assets/fonts/dev-awesome.woff2 +0 -0
  6. data/app/assets/javascripts/mumuki-styles.js +6257 -1727
  7. data/app/assets/stylesheets/css/mumuki-styles.css +9913 -5624
  8. data/app/assets/stylesheets/scss/_colors.scss +64 -30
  9. data/app/assets/stylesheets/scss/_fa5.scss +2 -0
  10. data/app/assets/stylesheets/scss/_fonts.scss +5 -1
  11. data/app/assets/stylesheets/scss/_footer.scss +23 -16
  12. data/app/assets/stylesheets/scss/_links.scss +7 -0
  13. data/app/assets/stylesheets/scss/_modules.scss +4 -2
  14. data/app/assets/stylesheets/scss/_navbar.scss +24 -12
  15. data/app/assets/stylesheets/scss/_vendor.scss +1 -4
  16. data/app/assets/stylesheets/scss/bootswatch/_bootswatch.scss +188 -255
  17. data/app/assets/stylesheets/scss/bootswatch/_variables.scss +80 -843
  18. data/app/assets/stylesheets/scss/modules/_blockquote.scss +7 -0
  19. data/app/assets/stylesheets/scss/modules/_breadcrumb.scss +1 -1
  20. data/app/assets/stylesheets/scss/modules/_callout.scss +4 -4
  21. data/app/assets/stylesheets/scss/modules/_code.scss +5 -0
  22. data/app/assets/stylesheets/scss/modules/_conversation.scss +4 -5
  23. data/app/assets/stylesheets/scss/modules/_follow_us.scss +4 -4
  24. data/app/assets/stylesheets/scss/modules/_form.scss +19 -0
  25. data/app/assets/stylesheets/scss/modules/_multiple_scenarios.scss +5 -5
  26. data/app/assets/stylesheets/scss/modules/_new_message.scss +2 -2
  27. data/app/assets/stylesheets/scss/modules/_pre.scss +11 -0
  28. data/app/assets/stylesheets/scss/mumuki-styles.scss +2 -1
  29. data/app/assets/stylesheets/vendor/bootstrap/_accordion.scss +118 -0
  30. data/app/assets/stylesheets/vendor/bootstrap/_alert.scss +57 -0
  31. data/app/assets/stylesheets/vendor/bootstrap/_badge.scss +29 -0
  32. data/app/assets/stylesheets/vendor/bootstrap/_breadcrumb.scss +28 -0
  33. data/app/assets/stylesheets/vendor/bootstrap/_button-group.scss +139 -0
  34. data/app/assets/stylesheets/vendor/bootstrap/_buttons.scss +111 -0
  35. data/app/assets/stylesheets/vendor/bootstrap/_card.scss +215 -0
  36. data/app/assets/stylesheets/vendor/bootstrap/_carousel.scss +229 -0
  37. data/app/assets/stylesheets/vendor/bootstrap/_close.scss +40 -0
  38. data/app/assets/stylesheets/vendor/bootstrap/_containers.scss +41 -0
  39. data/app/assets/stylesheets/vendor/bootstrap/_dropdown.scss +240 -0
  40. data/app/assets/stylesheets/vendor/bootstrap/_forms.scss +9 -0
  41. data/app/assets/stylesheets/vendor/bootstrap/_functions.scss +205 -0
  42. data/app/assets/stylesheets/vendor/bootstrap/_grid.scss +22 -0
  43. data/app/assets/stylesheets/vendor/bootstrap/_helpers.scss +7 -0
  44. data/app/assets/stylesheets/vendor/bootstrap/_images.scss +42 -0
  45. data/app/assets/stylesheets/vendor/bootstrap/_list-group.scss +174 -0
  46. data/app/assets/stylesheets/vendor/bootstrap/_mixins.scss +42 -0
  47. data/app/assets/stylesheets/vendor/bootstrap/_modal.scss +219 -0
  48. data/app/assets/stylesheets/vendor/bootstrap/_nav.scss +139 -0
  49. data/app/assets/stylesheets/vendor/bootstrap/_navbar.scss +306 -0
  50. data/app/assets/stylesheets/vendor/bootstrap/_offcanvas.scss +77 -0
  51. data/app/assets/stylesheets/vendor/bootstrap/_pagination.scss +64 -0
  52. data/app/assets/stylesheets/vendor/bootstrap/_popover.scss +158 -0
  53. data/app/assets/stylesheets/vendor/bootstrap/_progress.scss +48 -0
  54. data/app/assets/stylesheets/vendor/bootstrap/_reboot.scss +621 -0
  55. data/app/assets/stylesheets/vendor/bootstrap/_root.scss +16 -0
  56. data/app/assets/stylesheets/vendor/bootstrap/_spinners.scss +69 -0
  57. data/app/assets/stylesheets/vendor/bootstrap/_tables.scss +151 -0
  58. data/app/assets/stylesheets/vendor/bootstrap/_toasts.scss +51 -0
  59. data/app/assets/stylesheets/vendor/bootstrap/_tooltip.scss +115 -0
  60. data/app/assets/stylesheets/vendor/bootstrap/_transitions.scss +21 -0
  61. data/app/assets/stylesheets/vendor/bootstrap/_type.scss +104 -0
  62. data/app/assets/stylesheets/vendor/bootstrap/_utilities.scss +594 -0
  63. data/app/assets/stylesheets/vendor/bootstrap/_variables.scss +1464 -0
  64. data/app/assets/stylesheets/vendor/bootstrap/bootstrap-utilities.scss +18 -0
  65. data/app/assets/stylesheets/vendor/bootstrap/bootstrap.scss +52 -0
  66. data/app/assets/stylesheets/vendor/bootstrap/forms/_floating-labels.scss +61 -0
  67. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-check.scss +152 -0
  68. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-control.scss +219 -0
  69. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-range.scss +91 -0
  70. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-select.scss +67 -0
  71. data/app/assets/stylesheets/vendor/bootstrap/forms/_form-text.scss +11 -0
  72. data/app/assets/stylesheets/vendor/bootstrap/forms/_input-group.scss +121 -0
  73. data/app/assets/stylesheets/vendor/bootstrap/forms/_labels.scss +36 -0
  74. data/app/assets/stylesheets/vendor/bootstrap/forms/_validation.scss +12 -0
  75. data/app/assets/stylesheets/vendor/bootstrap/helpers/_clearfix.scss +3 -0
  76. data/app/assets/stylesheets/vendor/bootstrap/helpers/_colored-links.scss +12 -0
  77. data/app/assets/stylesheets/vendor/bootstrap/helpers/_position.scss +30 -0
  78. data/app/assets/stylesheets/vendor/bootstrap/helpers/_ratio.scss +26 -0
  79. data/app/assets/stylesheets/vendor/bootstrap/helpers/_stretched-link.scss +15 -0
  80. data/app/assets/stylesheets/vendor/bootstrap/helpers/_text-truncation.scss +7 -0
  81. data/app/assets/stylesheets/vendor/bootstrap/helpers/_visually-hidden.scss +8 -0
  82. data/app/assets/stylesheets/vendor/bootstrap/mixins/_alert.scss +11 -0
  83. data/app/assets/stylesheets/vendor/bootstrap/mixins/_border-radius.scss +78 -0
  84. data/app/assets/stylesheets/vendor/bootstrap/mixins/_box-shadow.scss +18 -0
  85. data/app/assets/stylesheets/vendor/bootstrap/mixins/_breakpoints.scss +127 -0
  86. data/app/assets/stylesheets/vendor/bootstrap/mixins/_buttons.scss +133 -0
  87. data/app/assets/stylesheets/vendor/bootstrap/mixins/_caret.scss +64 -0
  88. data/app/assets/stylesheets/vendor/bootstrap/mixins/_clearfix.scss +9 -0
  89. data/app/assets/stylesheets/vendor/bootstrap/mixins/_color-scheme.scss +7 -0
  90. data/app/assets/stylesheets/vendor/bootstrap/mixins/_container.scss +9 -0
  91. data/app/assets/stylesheets/vendor/bootstrap/mixins/_deprecate.scss +10 -0
  92. data/app/assets/stylesheets/vendor/bootstrap/mixins/_forms.scss +144 -0
  93. data/app/assets/stylesheets/vendor/bootstrap/mixins/_gradients.scss +47 -0
  94. data/app/assets/stylesheets/vendor/bootstrap/mixins/_grid.scss +125 -0
  95. data/app/assets/stylesheets/vendor/bootstrap/mixins/_image.scss +16 -0
  96. data/app/assets/stylesheets/vendor/bootstrap/mixins/_list-group.scss +24 -0
  97. data/app/assets/stylesheets/vendor/bootstrap/mixins/_lists.scss +7 -0
  98. data/app/assets/stylesheets/vendor/bootstrap/mixins/_pagination.scss +31 -0
  99. data/app/assets/stylesheets/vendor/{bootstrap-sass/assets/stylesheets/bootstrap → bootstrap}/mixins/_reset-text.scss +6 -7
  100. data/app/assets/stylesheets/vendor/{bootstrap-sass/assets/stylesheets/bootstrap → bootstrap}/mixins/_resize.scss +1 -1
  101. data/app/assets/stylesheets/vendor/bootstrap/mixins/_table-variants.scss +21 -0
  102. data/app/assets/stylesheets/vendor/{bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-overflow.scss → bootstrap/mixins/_text-truncate.scss} +2 -2
  103. data/app/assets/stylesheets/vendor/bootstrap/mixins/_transition.scss +26 -0
  104. data/app/assets/stylesheets/vendor/bootstrap/mixins/_utilities.scss +68 -0
  105. data/app/assets/stylesheets/vendor/bootstrap/mixins/_visually-hidden.scss +29 -0
  106. data/app/assets/stylesheets/vendor/bootstrap/utilities/_api.scss +47 -0
  107. data/app/assets/stylesheets/vendor/bootstrap/vendor/_rfs.scss +312 -0
  108. data/app/assets/stylesheets/vendor/dev-awesome/dist/scss/_dev-awesome.scss +3 -3
  109. data/lib/mumuki/styles/version.rb +1 -1
  110. metadata +86 -81
  111. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.eot +0 -0
  112. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.svg +0 -288
  113. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf +0 -0
  114. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff +0 -0
  115. data/app/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2 +0 -0
  116. data/app/assets/stylesheets/scss/_awesome-bootstrap-checkbox-overrides.scss +0 -8
  117. data/app/assets/stylesheets/scss/modules/_checkbox.scss +0 -65
  118. data/app/assets/stylesheets/scss/modules/_notification.scss +0 -15
  119. data/app/assets/stylesheets/vendor/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.scss +0 -245
  120. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/_bootstrap.scss +0 -56
  121. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_alerts.scss +0 -73
  122. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_badges.scss +0 -68
  123. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_breadcrumbs.scss +0 -28
  124. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_button-groups.scss +0 -244
  125. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_buttons.scss +0 -168
  126. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_carousel.scss +0 -270
  127. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_close.scss +0 -36
  128. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_code.scss +0 -69
  129. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_component-animations.scss +0 -37
  130. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_dropdowns.scss +0 -216
  131. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss +0 -617
  132. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_glyphicons.scss +0 -307
  133. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_grid.scss +0 -84
  134. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_input-groups.scss +0 -171
  135. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_jumbotron.scss +0 -54
  136. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_labels.scss +0 -66
  137. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_list-group.scss +0 -130
  138. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_media.scss +0 -66
  139. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_mixins.scss +0 -40
  140. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_modals.scss +0 -150
  141. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navbar.scss +0 -662
  142. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_navs.scss +0 -242
  143. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_normalize.scss +0 -424
  144. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pager.scss +0 -54
  145. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_pagination.scss +0 -89
  146. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_panels.scss +0 -271
  147. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_popovers.scss +0 -131
  148. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_print.scss +0 -101
  149. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_progress-bars.scss +0 -87
  150. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-embed.scss +0 -35
  151. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_responsive-utilities.scss +0 -179
  152. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_scaffolding.scss +0 -161
  153. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tables.scss +0 -234
  154. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss +0 -38
  155. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_tooltip.scss +0 -101
  156. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_type.scss +0 -298
  157. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_utilities.scss +0 -55
  158. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss +0 -874
  159. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/_wells.scss +0 -29
  160. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_alerts.scss +0 -14
  161. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -12
  162. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_border-radius.scss +0 -18
  163. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_buttons.scss +0 -65
  164. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_center-block.scss +0 -7
  165. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss +0 -22
  166. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_forms.scss +0 -88
  167. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_gradients.scss +0 -58
  168. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -81
  169. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_grid.scss +0 -122
  170. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_hide-text.scss +0 -21
  171. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_image.scss +0 -33
  172. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_labels.scss +0 -12
  173. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_list-group.scss +0 -32
  174. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  175. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  176. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_opacity.scss +0 -8
  177. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_pagination.scss +0 -24
  178. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_panels.scss +0 -24
  179. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +0 -10
  180. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +0 -8
  181. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +0 -21
  182. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_size.scss +0 -10
  183. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +0 -9
  184. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -28
  185. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -12
  186. data/app/assets/stylesheets/vendor/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +0 -222
@@ -0,0 +1,40 @@
1
+ // transparent background and border properties included for button version.
2
+ // iOS requires the button element instead of an anchor tag.
3
+ // If you want the anchor version, it requires `href="#"`.
4
+ // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
5
+
6
+ .btn-close {
7
+ box-sizing: content-box;
8
+ width: $btn-close-width;
9
+ height: $btn-close-height;
10
+ padding: $btn-close-padding-y $btn-close-padding-x;
11
+ color: $btn-close-color;
12
+ background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
13
+ border: 0; // for button elements
14
+ @include border-radius();
15
+ opacity: $btn-close-opacity;
16
+
17
+ // Override <a>'s hover style
18
+ &:hover {
19
+ color: $btn-close-color;
20
+ text-decoration: none;
21
+ opacity: $btn-close-hover-opacity;
22
+ }
23
+
24
+ &:focus {
25
+ outline: 0;
26
+ box-shadow: $btn-close-focus-shadow;
27
+ opacity: $btn-close-focus-opacity;
28
+ }
29
+
30
+ &:disabled,
31
+ &.disabled {
32
+ pointer-events: none;
33
+ user-select: none;
34
+ opacity: $btn-close-disabled-opacity;
35
+ }
36
+ }
37
+
38
+ .btn-close-white {
39
+ filter: $btn-close-white-filter;
40
+ }
@@ -0,0 +1,41 @@
1
+ // Container widths
2
+ //
3
+ // Set the container width, and override it for fixed navbars in media queries.
4
+
5
+ @if $enable-grid-classes {
6
+ // Single container class with breakpoint max-widths
7
+ .container,
8
+ // 100% wide container at all breakpoints
9
+ .container-fluid {
10
+ @include make-container();
11
+ }
12
+
13
+ // Responsive containers that are 100% wide until a breakpoint
14
+ @each $breakpoint, $container-max-width in $container-max-widths {
15
+ .container-#{$breakpoint} {
16
+ @extend .container-fluid;
17
+ }
18
+
19
+ @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
20
+ %responsive-container-#{$breakpoint} {
21
+ max-width: $container-max-width;
22
+ }
23
+
24
+ // Extend each breakpoint which is smaller or equal to the current breakpoint
25
+ $extend-breakpoint: true;
26
+
27
+ @each $name, $width in $grid-breakpoints {
28
+ @if ($extend-breakpoint) {
29
+ .container#{breakpoint-infix($name, $grid-breakpoints)} {
30
+ @extend %responsive-container-#{$breakpoint};
31
+ }
32
+
33
+ // Once the current breakpoint is reached, stop extending
34
+ @if ($breakpoint == $name) {
35
+ $extend-breakpoint: false;
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+ }
@@ -0,0 +1,240 @@
1
+ // The dropdown wrapper (`<div>`)
2
+ .dropup,
3
+ .dropend,
4
+ .dropdown,
5
+ .dropstart {
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
+ z-index: $zindex-dropdown;
20
+ display: none; // none by default, but block on "open" of the menu
21
+ min-width: $dropdown-min-width;
22
+ padding: $dropdown-padding-y $dropdown-padding-x;
23
+ margin: 0; // Override default margin of ul
24
+ @include font-size($dropdown-font-size);
25
+ color: $dropdown-color;
26
+ text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
27
+ list-style: none;
28
+ background-color: $dropdown-bg;
29
+ background-clip: padding-box;
30
+ border: $dropdown-border-width solid $dropdown-border-color;
31
+ @include border-radius($dropdown-border-radius);
32
+ @include box-shadow($dropdown-box-shadow);
33
+
34
+ &[data-bs-popper] {
35
+ top: 100%;
36
+ left: 0;
37
+ margin-top: $dropdown-spacer;
38
+ }
39
+ }
40
+
41
+ // scss-docs-start responsive-breakpoints
42
+ // We deliberately hardcode the `bs-` prefix because we check
43
+ // this custom property in JS to determine Popper's positioning
44
+
45
+ @each $breakpoint in map-keys($grid-breakpoints) {
46
+ @include media-breakpoint-up($breakpoint) {
47
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
48
+
49
+ .dropdown-menu#{$infix}-start {
50
+ --bs-position: start;
51
+
52
+ &[data-bs-popper] {
53
+ right: auto #{"/* rtl:ignore */"};
54
+ left: 0 #{"/* rtl:ignore */"};
55
+ }
56
+ }
57
+
58
+ .dropdown-menu#{$infix}-end {
59
+ --bs-position: end;
60
+
61
+ &[data-bs-popper] {
62
+ right: 0 #{"/* rtl:ignore */"};
63
+ left: auto #{"/* rtl:ignore */"};
64
+ }
65
+ }
66
+ }
67
+ }
68
+ // scss-docs-end responsive-breakpoints
69
+
70
+ // Allow for dropdowns to go bottom up (aka, dropup-menu)
71
+ // Just add .dropup after the standard .dropdown class and you're set.
72
+ .dropup {
73
+ .dropdown-menu[data-bs-popper] {
74
+ top: auto;
75
+ bottom: 100%;
76
+ margin-top: 0;
77
+ margin-bottom: $dropdown-spacer;
78
+ }
79
+
80
+ .dropdown-toggle {
81
+ @include caret(up);
82
+ }
83
+ }
84
+
85
+ .dropend {
86
+ .dropdown-menu[data-bs-popper] {
87
+ top: 0;
88
+ right: auto;
89
+ left: 100%;
90
+ margin-top: 0;
91
+ margin-left: $dropdown-spacer;
92
+ }
93
+
94
+ .dropdown-toggle {
95
+ @include caret(end);
96
+ &::after {
97
+ vertical-align: 0;
98
+ }
99
+ }
100
+ }
101
+
102
+ .dropstart {
103
+ .dropdown-menu[data-bs-popper] {
104
+ top: 0;
105
+ right: 100%;
106
+ left: auto;
107
+ margin-top: 0;
108
+ margin-right: $dropdown-spacer;
109
+ }
110
+
111
+ .dropdown-toggle {
112
+ @include caret(start);
113
+ &::before {
114
+ vertical-align: 0;
115
+ }
116
+ }
117
+ }
118
+
119
+
120
+ // Dividers (basically an `<hr>`) within the dropdown
121
+ .dropdown-divider {
122
+ height: 0;
123
+ margin: $dropdown-divider-margin-y 0;
124
+ overflow: hidden;
125
+ border-top: 1px solid $dropdown-divider-bg;
126
+ }
127
+
128
+ // Links, buttons, and more within the dropdown menu
129
+ //
130
+ // `<button>`-specific styles are denoted with `// For <button>s`
131
+ .dropdown-item {
132
+ display: block;
133
+ width: 100%; // For `<button>`s
134
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
135
+ clear: both;
136
+ font-weight: $font-weight-normal;
137
+ color: $dropdown-link-color;
138
+ text-align: inherit; // For `<button>`s
139
+ text-decoration: if($link-decoration == none, null, none);
140
+ white-space: nowrap; // prevent links from randomly breaking onto new lines
141
+ background-color: transparent; // For `<button>`s
142
+ border: 0; // For `<button>`s
143
+
144
+ // Prevent dropdown overflow if there's no padding
145
+ // See https://github.com/twbs/bootstrap/pull/27703
146
+ @if $dropdown-padding-y == 0 {
147
+ &:first-child {
148
+ @include border-top-radius($dropdown-inner-border-radius);
149
+ }
150
+
151
+ &:last-child {
152
+ @include border-bottom-radius($dropdown-inner-border-radius);
153
+ }
154
+ }
155
+
156
+ &:hover,
157
+ &:focus {
158
+ color: $dropdown-link-hover-color;
159
+ text-decoration: if($link-hover-decoration == underline, none, null);
160
+ @include gradient-bg($dropdown-link-hover-bg);
161
+ }
162
+
163
+ &.active,
164
+ &:active {
165
+ color: $dropdown-link-active-color;
166
+ text-decoration: none;
167
+ @include gradient-bg($dropdown-link-active-bg);
168
+ }
169
+
170
+ &.disabled,
171
+ &:disabled {
172
+ color: $dropdown-link-disabled-color;
173
+ pointer-events: none;
174
+ background-color: transparent;
175
+ // Remove CSS gradients if they're enabled
176
+ background-image: if($enable-gradients, none, null);
177
+ }
178
+ }
179
+
180
+ .dropdown-menu.show {
181
+ display: block;
182
+ }
183
+
184
+ // Dropdown section headers
185
+ .dropdown-header {
186
+ display: block;
187
+ padding: $dropdown-header-padding;
188
+ margin-bottom: 0; // for use with heading elements
189
+ @include font-size($font-size-sm);
190
+ color: $dropdown-header-color;
191
+ white-space: nowrap; // as with > li > a
192
+ }
193
+
194
+ // Dropdown text
195
+ .dropdown-item-text {
196
+ display: block;
197
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
198
+ color: $dropdown-link-color;
199
+ }
200
+
201
+ // Dark dropdowns
202
+ .dropdown-menu-dark {
203
+ color: $dropdown-dark-color;
204
+ background-color: $dropdown-dark-bg;
205
+ border-color: $dropdown-dark-border-color;
206
+ @include box-shadow($dropdown-dark-box-shadow);
207
+
208
+ .dropdown-item {
209
+ color: $dropdown-dark-link-color;
210
+
211
+ &:hover,
212
+ &:focus {
213
+ color: $dropdown-dark-link-hover-color;
214
+ @include gradient-bg($dropdown-dark-link-hover-bg);
215
+ }
216
+
217
+ &.active,
218
+ &:active {
219
+ color: $dropdown-dark-link-active-color;
220
+ @include gradient-bg($dropdown-dark-link-active-bg);
221
+ }
222
+
223
+ &.disabled,
224
+ &:disabled {
225
+ color: $dropdown-dark-link-disabled-color;
226
+ }
227
+ }
228
+
229
+ .dropdown-divider {
230
+ border-color: $dropdown-dark-divider-bg;
231
+ }
232
+
233
+ .dropdown-item-text {
234
+ color: $dropdown-dark-link-color;
235
+ }
236
+
237
+ .dropdown-header {
238
+ color: $dropdown-dark-header-color;
239
+ }
240
+ }
@@ -0,0 +1,9 @@
1
+ @import "forms/labels";
2
+ @import "forms/form-text";
3
+ @import "forms/form-control";
4
+ @import "forms/form-select";
5
+ @import "forms/form-check";
6
+ @import "forms/form-range";
7
+ @import "forms/floating-labels";
8
+ @import "forms/input-group";
9
+ @import "forms/validation";
@@ -0,0 +1,205 @@
1
+ // Bootstrap functions
2
+ //
3
+ // Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
4
+
5
+ // Ascending
6
+ // Used to evaluate Sass maps like our grid breakpoints.
7
+ @mixin _assert-ascending($map, $map-name) {
8
+ $prev-key: null;
9
+ $prev-num: null;
10
+ @each $key, $num in $map {
11
+ @if $prev-num == null or unit($num) == "%" or unit($prev-num) == "%" {
12
+ // Do nothing
13
+ } @else if not comparable($prev-num, $num) {
14
+ @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
15
+ } @else if $prev-num >= $num {
16
+ @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
17
+ }
18
+ $prev-key: $key;
19
+ $prev-num: $num;
20
+ }
21
+ }
22
+
23
+ // Starts at zero
24
+ // Used to ensure the min-width of the lowest breakpoint starts at 0.
25
+ @mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
26
+ @if length($map) > 0 {
27
+ $values: map-values($map);
28
+ $first-value: nth($values, 1);
29
+ @if $first-value != 0 {
30
+ @warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
31
+ }
32
+ }
33
+ }
34
+
35
+ // Internal Bootstrap function to turn maps into its negative variant.
36
+ // It prefixes the keys with `n` and makes the value negative.
37
+ @function negativify-map($map) {
38
+ $result: ();
39
+ @each $key, $value in $map {
40
+ @if $key != 0 {
41
+ $result: map-merge($result, ("n" + $key: (-$value)));
42
+ }
43
+ }
44
+ @return $result;
45
+ }
46
+
47
+ // Get multiple keys from a sass map
48
+ @function map-get-multiple($map, $values) {
49
+ $result: ();
50
+ @each $key, $value in $map {
51
+ @if (index($values, $key) != null) {
52
+ $result: map-merge($result, ($key: $value));
53
+ }
54
+ }
55
+ @return $result;
56
+ }
57
+
58
+ // Replace `$search` with `$replace` in `$string`
59
+ // Used on our SVG icon backgrounds for custom forms.
60
+ //
61
+ // @author Hugo Giraudel
62
+ // @param {String} $string - Initial string
63
+ // @param {String} $search - Substring to replace
64
+ // @param {String} $replace ('') - New value
65
+ // @return {String} - Updated string
66
+ @function str-replace($string, $search, $replace: "") {
67
+ $index: str-index($string, $search);
68
+
69
+ @if $index {
70
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
71
+ }
72
+
73
+ @return $string;
74
+ }
75
+
76
+ // See https://codepen.io/kevinweber/pen/dXWoRw
77
+ //
78
+ // Requires the use of quotes around data URIs.
79
+
80
+ @function escape-svg($string) {
81
+ @if str-index($string, "data:image/svg+xml") {
82
+ @each $char, $encoded in $escaped-characters {
83
+ // Do not escape the url brackets
84
+ @if str-index($string, "url(") == 1 {
85
+ $string: url("#{str-replace(str-slice($string, 6, -3), $char, $encoded)}");
86
+ } @else {
87
+ $string: str-replace($string, $char, $encoded);
88
+ }
89
+ }
90
+ }
91
+
92
+ @return $string;
93
+ }
94
+
95
+ // Color contrast
96
+ // See https://github.com/twbs/bootstrap/pull/30168
97
+
98
+ // A list of pre-calculated numbers of pow(($value / 255 + .055) / 1.055, 2.4). (from 0 to 255)
99
+ // stylelint-disable-next-line scss/dollar-variable-default, scss/dollar-variable-pattern
100
+ $_luminance-list: .0008 .001 .0011 .0013 .0015 .0017 .002 .0022 .0025 .0027 .003 .0033 .0037 .004 .0044 .0048 .0052 .0056 .006 .0065 .007 .0075 .008 .0086 .0091 .0097 .0103 .011 .0116 .0123 .013 .0137 .0144 .0152 .016 .0168 .0176 .0185 .0194 .0203 .0212 .0222 .0232 .0242 .0252 .0262 .0273 .0284 .0296 .0307 .0319 .0331 .0343 .0356 .0369 .0382 .0395 .0409 .0423 .0437 .0452 .0467 .0482 .0497 .0513 .0529 .0545 .0561 .0578 .0595 .0612 .063 .0648 .0666 .0685 .0704 .0723 .0742 .0762 .0782 .0802 .0823 .0844 .0865 .0887 .0908 .0931 .0953 .0976 .0999 .1022 .1046 .107 .1095 .1119 .1144 .117 .1195 .1221 .1248 .1274 .1301 .1329 .1356 .1384 .1413 .1441 .147 .15 .1529 .1559 .159 .162 .1651 .1683 .1714 .1746 .1779 .1812 .1845 .1878 .1912 .1946 .1981 .2016 .2051 .2086 .2122 .2159 .2195 .2232 .227 .2307 .2346 .2384 .2423 .2462 .2502 .2542 .2582 .2623 .2664 .2705 .2747 .2789 .2831 .2874 .2918 .2961 .3005 .305 .3095 .314 .3185 .3231 .3278 .3325 .3372 .3419 .3467 .3515 .3564 .3613 .3663 .3712 .3763 .3813 .3864 .3916 .3968 .402 .4072 .4125 .4179 .4233 .4287 .4342 .4397 .4452 .4508 .4564 .4621 .4678 .4735 .4793 .4851 .491 .4969 .5029 .5089 .5149 .521 .5271 .5333 .5395 .5457 .552 .5583 .5647 .5711 .5776 .5841 .5906 .5972 .6038 .6105 .6172 .624 .6308 .6376 .6445 .6514 .6584 .6654 .6724 .6795 .6867 .6939 .7011 .7084 .7157 .7231 .7305 .7379 .7454 .7529 .7605 .7682 .7758 .7835 .7913 .7991 .807 .8148 .8228 .8308 .8388 .8469 .855 .8632 .8714 .8796 .8879 .8963 .9047 .9131 .9216 .9301 .9387 .9473 .956 .9647 .9734 .9823 .9911 1;
101
+
102
+ @function color-contrast($background, $color-contrast-dark: $color-contrast-dark, $color-contrast-light: $color-contrast-light, $min-contrast-ratio: $min-contrast-ratio) {
103
+ $foregrounds: $color-contrast-light, $color-contrast-dark, $white, $black;
104
+ $max-ratio: 0;
105
+ $max-ratio-color: null;
106
+
107
+ @each $color in $foregrounds {
108
+ $contrast-ratio: contrast-ratio($background, $color);
109
+ @if $contrast-ratio > $min-contrast-ratio {
110
+ @return $color;
111
+ } @else if $contrast-ratio > $max-ratio {
112
+ $max-ratio: $contrast-ratio;
113
+ $max-ratio-color: $color;
114
+ }
115
+ }
116
+
117
+ @warn "Found no color leading to #{$min-contrast-ratio}:1 contrast ratio against #{$background}...";
118
+
119
+ @return $max-ratio-color;
120
+ }
121
+
122
+ @function contrast-ratio($background, $foreground: $color-contrast-light) {
123
+ $l1: luminance($background);
124
+ $l2: luminance(opaque($background, $foreground));
125
+
126
+ @return if($l1 > $l2, ($l1 + .05) / ($l2 + .05), ($l2 + .05) / ($l1 + .05));
127
+ }
128
+
129
+ // Return WCAG2.0 relative luminance
130
+ // See https://www.w3.org/WAI/GL/wiki/Relative_luminance
131
+ // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
132
+ @function luminance($color) {
133
+ $rgb: (
134
+ "r": red($color),
135
+ "g": green($color),
136
+ "b": blue($color)
137
+ );
138
+
139
+ @each $name, $value in $rgb {
140
+ $value: if($value / 255 < .03928, $value / 255 / 12.92, nth($_luminance-list, $value + 1));
141
+ $rgb: map-merge($rgb, ($name: $value));
142
+ }
143
+
144
+ @return (map-get($rgb, "r") * .2126) + (map-get($rgb, "g") * .7152) + (map-get($rgb, "b") * .0722);
145
+ }
146
+
147
+ // Return opaque color
148
+ // opaque(#fff, rgba(0, 0, 0, .5)) => #808080
149
+ @function opaque($background, $foreground) {
150
+ @return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);
151
+ }
152
+
153
+ // scss-docs-start color-functions
154
+ // Tint a color: mix a color with white
155
+ @function tint-color($color, $weight) {
156
+ @return mix(white, $color, $weight);
157
+ }
158
+
159
+ // Shade a color: mix a color with black
160
+ @function shade-color($color, $weight) {
161
+ @return mix(black, $color, $weight);
162
+ }
163
+
164
+ // Shade the color if the weight is positive, else tint it
165
+ @function shift-color($color, $weight) {
166
+ @return if($weight > 0, shade-color($color, $weight), tint-color($color, -$weight));
167
+ }
168
+ // scss-docs-end color-functions
169
+
170
+ // Return valid calc
171
+ @function add($value1, $value2, $return-calc: true) {
172
+ @if $value1 == null {
173
+ @return $value2;
174
+ }
175
+
176
+ @if $value2 == null {
177
+ @return $value1;
178
+ }
179
+
180
+ @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
181
+ @return $value1 + $value2;
182
+ }
183
+
184
+ @return if($return-calc == true, calc(#{$value1} + #{$value2}), $value1 + unquote(" + ") + $value2);
185
+ }
186
+
187
+ @function subtract($value1, $value2, $return-calc: true) {
188
+ @if $value1 == null and $value2 == null {
189
+ @return null;
190
+ }
191
+
192
+ @if $value1 == null {
193
+ @return -$value2;
194
+ }
195
+
196
+ @if $value2 == null {
197
+ @return $value1;
198
+ }
199
+
200
+ @if type-of($value1) == number and type-of($value2) == number and comparable($value1, $value2) {
201
+ @return $value1 - $value2;
202
+ }
203
+
204
+ @return if($return-calc == true, calc(#{$value1} - #{$value2}), $value1 + unquote(" - ") + $value2);
205
+ }