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,8 @@
1
+ //
2
+ // Visually hidden
3
+ //
4
+
5
+ .visually-hidden,
6
+ .visually-hidden-focusable:not(:focus):not(:focus-within) {
7
+ @include visually-hidden();
8
+ }
@@ -0,0 +1,11 @@
1
+ // scss-docs-start alert-variant-mixin
2
+ @mixin alert-variant($background, $border, $color) {
3
+ color: $color;
4
+ @include gradient-bg($background);
5
+ border-color: $border;
6
+
7
+ .alert-link {
8
+ color: shade-color($color, 20%);
9
+ }
10
+ }
11
+ // scss-docs-end alert-variant-mixin
@@ -0,0 +1,78 @@
1
+ // stylelint-disable property-disallowed-list
2
+ // Single side border-radius
3
+
4
+ // Helper function to replace negative values with 0
5
+ @function valid-radius($radius) {
6
+ $return: ();
7
+ @each $value in $radius {
8
+ @if type-of($value) == number {
9
+ $return: append($return, max($value, 0));
10
+ } @else {
11
+ $return: append($return, $value);
12
+ }
13
+ }
14
+ @return $return;
15
+ }
16
+
17
+ // scss-docs-start border-radius-mixins
18
+ @mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
19
+ @if $enable-rounded {
20
+ border-radius: valid-radius($radius);
21
+ }
22
+ @else if $fallback-border-radius != false {
23
+ border-radius: $fallback-border-radius;
24
+ }
25
+ }
26
+
27
+ @mixin border-top-radius($radius: $border-radius) {
28
+ @if $enable-rounded {
29
+ border-top-left-radius: valid-radius($radius);
30
+ border-top-right-radius: valid-radius($radius);
31
+ }
32
+ }
33
+
34
+ @mixin border-end-radius($radius: $border-radius) {
35
+ @if $enable-rounded {
36
+ border-top-right-radius: valid-radius($radius);
37
+ border-bottom-right-radius: valid-radius($radius);
38
+ }
39
+ }
40
+
41
+ @mixin border-bottom-radius($radius: $border-radius) {
42
+ @if $enable-rounded {
43
+ border-bottom-right-radius: valid-radius($radius);
44
+ border-bottom-left-radius: valid-radius($radius);
45
+ }
46
+ }
47
+
48
+ @mixin border-start-radius($radius: $border-radius) {
49
+ @if $enable-rounded {
50
+ border-top-left-radius: valid-radius($radius);
51
+ border-bottom-left-radius: valid-radius($radius);
52
+ }
53
+ }
54
+
55
+ @mixin border-top-start-radius($radius: $border-radius) {
56
+ @if $enable-rounded {
57
+ border-top-left-radius: valid-radius($radius);
58
+ }
59
+ }
60
+
61
+ @mixin border-top-end-radius($radius: $border-radius) {
62
+ @if $enable-rounded {
63
+ border-top-right-radius: valid-radius($radius);
64
+ }
65
+ }
66
+
67
+ @mixin border-bottom-end-radius($radius: $border-radius) {
68
+ @if $enable-rounded {
69
+ border-bottom-right-radius: valid-radius($radius);
70
+ }
71
+ }
72
+
73
+ @mixin border-bottom-start-radius($radius: $border-radius) {
74
+ @if $enable-rounded {
75
+ border-bottom-left-radius: valid-radius($radius);
76
+ }
77
+ }
78
+ // scss-docs-end border-radius-mixins
@@ -0,0 +1,18 @@
1
+ @mixin box-shadow($shadow...) {
2
+ @if $enable-shadows {
3
+ $result: ();
4
+
5
+ @each $value in $shadow {
6
+ @if $value != null {
7
+ $result: append($result, $value, "comma");
8
+ }
9
+ @if $value == none and length($shadow) > 1 {
10
+ @warn "The keyword 'none' must be used as a single argument.";
11
+ }
12
+ }
13
+
14
+ @if (length($result) > 0) {
15
+ box-shadow: $result;
16
+ }
17
+ }
18
+ }
@@ -0,0 +1,127 @@
1
+ // Breakpoint viewport sizes and media queries.
2
+ //
3
+ // Breakpoints are defined as a map of (name: minimum width), order from small to large:
4
+ //
5
+ // (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
6
+ //
7
+ // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
8
+
9
+ // Name of the next breakpoint, or null for the last breakpoint.
10
+ //
11
+ // >> breakpoint-next(sm)
12
+ // md
13
+ // >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
14
+ // md
15
+ // >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
16
+ // md
17
+ @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
18
+ $n: index($breakpoint-names, $name);
19
+ @if not $n {
20
+ @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
21
+ }
22
+ @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
23
+ }
24
+
25
+ // Minimum breakpoint width. Null for the smallest (first) breakpoint.
26
+ //
27
+ // >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
28
+ // 576px
29
+ @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
30
+ $min: map-get($breakpoints, $name);
31
+ @return if($min != 0, $min, null);
32
+ }
33
+
34
+ // Maximum breakpoint width.
35
+ // The maximum value is reduced by 0.02px to work around the limitations of
36
+ // `min-` and `max-` prefixes and viewports with fractional widths.
37
+ // See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
38
+ // Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
39
+ // See https://bugs.webkit.org/show_bug.cgi?id=178261
40
+ //
41
+ // >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
42
+ // 767.98px
43
+ @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
44
+ $max: map-get($breakpoints, $name);
45
+ @return if($max and $max > 0, $max - .02, null);
46
+ }
47
+
48
+ // Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
49
+ // Useful for making responsive utilities.
50
+ //
51
+ // >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
52
+ // "" (Returns a blank string)
53
+ // >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
54
+ // "-sm"
55
+ @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
56
+ @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
57
+ }
58
+
59
+ // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
60
+ // Makes the @content apply to the given breakpoint and wider.
61
+ @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
62
+ $min: breakpoint-min($name, $breakpoints);
63
+ @if $min {
64
+ @media (min-width: $min) {
65
+ @content;
66
+ }
67
+ } @else {
68
+ @content;
69
+ }
70
+ }
71
+
72
+ // Media of at most the maximum breakpoint width. No query for the largest breakpoint.
73
+ // Makes the @content apply to the given breakpoint and narrower.
74
+ @mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
75
+ $max: breakpoint-max($name, $breakpoints);
76
+ @if $max {
77
+ @media (max-width: $max) {
78
+ @content;
79
+ }
80
+ } @else {
81
+ @content;
82
+ }
83
+ }
84
+
85
+ // Media that spans multiple breakpoint widths.
86
+ // Makes the @content apply between the min and max breakpoints
87
+ @mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
88
+ $min: breakpoint-min($lower, $breakpoints);
89
+ $max: breakpoint-max($upper, $breakpoints);
90
+
91
+ @if $min != null and $max != null {
92
+ @media (min-width: $min) and (max-width: $max) {
93
+ @content;
94
+ }
95
+ } @else if $max == null {
96
+ @include media-breakpoint-up($lower, $breakpoints) {
97
+ @content;
98
+ }
99
+ } @else if $min == null {
100
+ @include media-breakpoint-down($upper, $breakpoints) {
101
+ @content;
102
+ }
103
+ }
104
+ }
105
+
106
+ // Media between the breakpoint's minimum and maximum widths.
107
+ // No minimum for the smallest breakpoint, and no maximum for the largest one.
108
+ // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
109
+ @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
110
+ $min: breakpoint-min($name, $breakpoints);
111
+ $next: breakpoint-next($name, $breakpoints);
112
+ $max: breakpoint-max($next);
113
+
114
+ @if $min != null and $max != null {
115
+ @media (min-width: $min) and (max-width: $max) {
116
+ @content;
117
+ }
118
+ } @else if $max == null {
119
+ @include media-breakpoint-up($name, $breakpoints) {
120
+ @content;
121
+ }
122
+ } @else if $min == null {
123
+ @include media-breakpoint-down($next, $breakpoints) {
124
+ @content;
125
+ }
126
+ }
127
+ }
@@ -0,0 +1,133 @@
1
+ // Button variants
2
+ //
3
+ // Easily pump out default styles, as well as :hover, :focus, :active,
4
+ // and disabled options for all buttons
5
+
6
+ // scss-docs-start btn-variant-mixin
7
+ @mixin button-variant(
8
+ $background,
9
+ $border,
10
+ $color: color-contrast($background),
11
+ $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),
12
+ $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),
13
+ $hover-color: color-contrast($hover-background),
14
+ $active-background: if($color == $color-contrast-light, shade-color($background,$btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),
15
+ $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),
16
+ $active-color: color-contrast($active-background),
17
+ $disabled-background: $background,
18
+ $disabled-border: $border,
19
+ $disabled-color: color-contrast($disabled-background)
20
+ ) {
21
+ color: $color;
22
+ @include gradient-bg($background);
23
+ border-color: $border;
24
+ @include box-shadow($btn-box-shadow);
25
+
26
+ &:hover {
27
+ color: $hover-color;
28
+ @include gradient-bg($hover-background);
29
+ border-color: $hover-border;
30
+ }
31
+
32
+ .btn-check:focus + &,
33
+ &:focus {
34
+ color: $hover-color;
35
+ @include gradient-bg($hover-background);
36
+ border-color: $hover-border;
37
+ @if $enable-shadows {
38
+ @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));
39
+ } @else {
40
+ // Avoid using mixin so we can pass custom focus shadow properly
41
+ box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);
42
+ }
43
+ }
44
+
45
+ .btn-check:checked + &,
46
+ .btn-check:active + &,
47
+ &:active,
48
+ &.active,
49
+ .show > &.dropdown-toggle {
50
+ color: $active-color;
51
+ background-color: $active-background;
52
+ // Remove CSS gradients if they're enabled
53
+ background-image: if($enable-gradients, none, null);
54
+ border-color: $active-border;
55
+
56
+ &:focus {
57
+ @if $enable-shadows {
58
+ @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5));
59
+ } @else {
60
+ // Avoid using mixin so we can pass custom focus shadow properly
61
+ box-shadow: 0 0 0 $btn-focus-width rgba(mix($color, $border, 15%), .5);
62
+ }
63
+ }
64
+ }
65
+
66
+ &:disabled,
67
+ &.disabled {
68
+ color: $disabled-color;
69
+ background-color: $disabled-background;
70
+ // Remove CSS gradients if they're enabled
71
+ background-image: if($enable-gradients, none, null);
72
+ border-color: $disabled-border;
73
+ }
74
+ }
75
+ // scss-docs-end btn-variant-mixin
76
+
77
+ // scss-docs-start btn-outline-variant-mixin
78
+ @mixin button-outline-variant(
79
+ $color,
80
+ $color-hover: color-contrast($color),
81
+ $active-background: $color,
82
+ $active-border: $color,
83
+ $active-color: color-contrast($active-background)
84
+ ) {
85
+ color: $color;
86
+ border-color: $color;
87
+
88
+ &:hover {
89
+ color: $color-hover;
90
+ background-color: $active-background;
91
+ border-color: $active-border;
92
+ }
93
+
94
+ .btn-check:focus + &,
95
+ &:focus {
96
+ box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
97
+ }
98
+
99
+ .btn-check:checked + &,
100
+ .btn-check:active + &,
101
+ &:active,
102
+ &.active,
103
+ &.dropdown-toggle.show {
104
+ color: $active-color;
105
+ background-color: $active-background;
106
+ border-color: $active-border;
107
+
108
+ &:focus {
109
+ @if $enable-shadows {
110
+ @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5));
111
+ } @else {
112
+ // Avoid using mixin so we can pass custom focus shadow properly
113
+ box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
114
+ }
115
+ }
116
+ }
117
+
118
+ &:disabled,
119
+ &.disabled {
120
+ color: $color;
121
+ background-color: transparent;
122
+ }
123
+ }
124
+ // scss-docs-end btn-outline-variant-mixin
125
+
126
+ // scss-docs-start btn-size-mixin
127
+ @mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
128
+ padding: $padding-y $padding-x;
129
+ @include font-size($font-size);
130
+ // Manually declare to provide an override to the browser default
131
+ @include border-radius($border-radius, 0);
132
+ }
133
+ // scss-docs-end btn-size-mixin
@@ -0,0 +1,64 @@
1
+ // scss-docs-start caret-mixins
2
+ @mixin caret-down {
3
+ border-top: $caret-width solid;
4
+ border-right: $caret-width solid transparent;
5
+ border-bottom: 0;
6
+ border-left: $caret-width solid transparent;
7
+ }
8
+
9
+ @mixin caret-up {
10
+ border-top: 0;
11
+ border-right: $caret-width solid transparent;
12
+ border-bottom: $caret-width solid;
13
+ border-left: $caret-width solid transparent;
14
+ }
15
+
16
+ @mixin caret-end {
17
+ border-top: $caret-width solid transparent;
18
+ border-right: 0;
19
+ border-bottom: $caret-width solid transparent;
20
+ border-left: $caret-width solid;
21
+ }
22
+
23
+ @mixin caret-start {
24
+ border-top: $caret-width solid transparent;
25
+ border-right: $caret-width solid;
26
+ border-bottom: $caret-width solid transparent;
27
+ }
28
+
29
+ @mixin caret($direction: down) {
30
+ @if $enable-caret {
31
+ &::after {
32
+ display: inline-block;
33
+ margin-left: $caret-spacing;
34
+ vertical-align: $caret-vertical-align;
35
+ content: "";
36
+ @if $direction == down {
37
+ @include caret-down();
38
+ } @else if $direction == up {
39
+ @include caret-up();
40
+ } @else if $direction == end {
41
+ @include caret-end();
42
+ }
43
+ }
44
+
45
+ @if $direction == start {
46
+ &::after {
47
+ display: none;
48
+ }
49
+
50
+ &::before {
51
+ display: inline-block;
52
+ margin-right: $caret-spacing;
53
+ vertical-align: $caret-vertical-align;
54
+ content: "";
55
+ @include caret-start();
56
+ }
57
+ }
58
+
59
+ &:empty::after {
60
+ margin-left: 0;
61
+ }
62
+ }
63
+ }
64
+ // scss-docs-end caret-mixins