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,22 @@
1
+ // Row
2
+ //
3
+ // Rows contain your columns.
4
+
5
+ @if $enable-grid-classes {
6
+ .row {
7
+ @include make-row();
8
+
9
+ > * {
10
+ @include make-col-ready();
11
+ }
12
+ }
13
+ }
14
+
15
+
16
+ // Columns
17
+ //
18
+ // Common styles for small and large grid columns
19
+
20
+ @if $enable-grid-classes {
21
+ @include make-grid-columns();
22
+ }
@@ -0,0 +1,7 @@
1
+ @import "helpers/clearfix";
2
+ @import "helpers/colored-links";
3
+ @import "helpers/ratio";
4
+ @import "helpers/position";
5
+ @import "helpers/visually-hidden";
6
+ @import "helpers/stretched-link";
7
+ @import "helpers/text-truncation";
@@ -0,0 +1,42 @@
1
+ // Responsive images (ensure images don't scale beyond their parents)
2
+ //
3
+ // This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
4
+ // We previously tried the "images are responsive by default" approach in Bootstrap v2,
5
+ // and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
6
+ // which weren't expecting the images within themselves to be involuntarily resized.
7
+ // See also https://github.com/twbs/bootstrap/issues/18178
8
+ .img-fluid {
9
+ @include img-fluid();
10
+ }
11
+
12
+
13
+ // Image thumbnails
14
+ .img-thumbnail {
15
+ padding: $thumbnail-padding;
16
+ background-color: $thumbnail-bg;
17
+ border: $thumbnail-border-width solid $thumbnail-border-color;
18
+ @include border-radius($thumbnail-border-radius);
19
+ @include box-shadow($thumbnail-box-shadow);
20
+
21
+ // Keep them at most 100% wide
22
+ @include img-fluid();
23
+ }
24
+
25
+ //
26
+ // Figures
27
+ //
28
+
29
+ .figure {
30
+ // Ensures the caption's text aligns with the image.
31
+ display: inline-block;
32
+ }
33
+
34
+ .figure-img {
35
+ margin-bottom: $spacer / 2;
36
+ line-height: 1;
37
+ }
38
+
39
+ .figure-caption {
40
+ @include font-size($figure-caption-font-size);
41
+ color: $figure-caption-color;
42
+ }
@@ -0,0 +1,174 @@
1
+ // Base class
2
+ //
3
+ // Easily usable on <ul>, <ol>, or <div>.
4
+
5
+ .list-group {
6
+ display: flex;
7
+ flex-direction: column;
8
+
9
+ // No need to set list-style: none; since .list-group-item is block level
10
+ padding-left: 0; // reset padding because ul and ol
11
+ margin-bottom: 0;
12
+ @include border-radius($list-group-border-radius);
13
+ }
14
+
15
+ .list-group-numbered {
16
+ list-style-type: none;
17
+ counter-reset: section;
18
+
19
+ > li::before {
20
+ // Increments only this instance of the section counter
21
+ content: counters(section, ".") ". ";
22
+ counter-increment: section;
23
+ }
24
+ }
25
+
26
+
27
+ // Interactive list items
28
+ //
29
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive
30
+ // list items. Includes an extra `.active` modifier class for selected items.
31
+
32
+ .list-group-item-action {
33
+ width: 100%; // For `<button>`s (anchors become 100% by default though)
34
+ color: $list-group-action-color;
35
+ text-align: inherit; // For `<button>`s (anchors inherit)
36
+
37
+ // Hover state
38
+ &:hover,
39
+ &:focus {
40
+ z-index: 1; // Place hover/focus items above their siblings for proper border styling
41
+ color: $list-group-action-hover-color;
42
+ text-decoration: none;
43
+ background-color: $list-group-hover-bg;
44
+ }
45
+
46
+ &:active {
47
+ color: $list-group-action-active-color;
48
+ background-color: $list-group-action-active-bg;
49
+ }
50
+ }
51
+
52
+
53
+ // Individual list items
54
+ //
55
+ // Use on `li`s or `div`s within the `.list-group` parent.
56
+
57
+ .list-group-item {
58
+ position: relative;
59
+ display: block;
60
+ padding: $list-group-item-padding-y $list-group-item-padding-x;
61
+ color: $list-group-color;
62
+ text-decoration: if($link-decoration == none, null, none);
63
+ background-color: $list-group-bg;
64
+ border: $list-group-border-width solid $list-group-border-color;
65
+
66
+ &:first-child {
67
+ @include border-top-radius(inherit);
68
+ }
69
+
70
+ &:last-child {
71
+ @include border-bottom-radius(inherit);
72
+ }
73
+
74
+ &.disabled,
75
+ &:disabled {
76
+ color: $list-group-disabled-color;
77
+ pointer-events: none;
78
+ background-color: $list-group-disabled-bg;
79
+ }
80
+
81
+ // Include both here for `<a>`s and `<button>`s
82
+ &.active {
83
+ z-index: 2; // Place active items above their siblings for proper border styling
84
+ color: $list-group-active-color;
85
+ background-color: $list-group-active-bg;
86
+ border-color: $list-group-active-border-color;
87
+ }
88
+
89
+ & + & {
90
+ border-top-width: 0;
91
+
92
+ &.active {
93
+ margin-top: -$list-group-border-width;
94
+ border-top-width: $list-group-border-width;
95
+ }
96
+ }
97
+ }
98
+
99
+
100
+ // Horizontal
101
+ //
102
+ // Change the layout of list group items from vertical (default) to horizontal.
103
+
104
+ @each $breakpoint in map-keys($grid-breakpoints) {
105
+ @include media-breakpoint-up($breakpoint) {
106
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
107
+
108
+ .list-group-horizontal#{$infix} {
109
+ flex-direction: row;
110
+
111
+ > .list-group-item {
112
+ &:first-child {
113
+ @include border-bottom-start-radius($list-group-border-radius);
114
+ @include border-top-end-radius(0);
115
+ }
116
+
117
+ &:last-child {
118
+ @include border-top-end-radius($list-group-border-radius);
119
+ @include border-bottom-start-radius(0);
120
+ }
121
+
122
+ &.active {
123
+ margin-top: 0;
124
+ }
125
+
126
+ + .list-group-item {
127
+ border-top-width: $list-group-border-width;
128
+ border-left-width: 0;
129
+
130
+ &.active {
131
+ margin-left: -$list-group-border-width;
132
+ border-left-width: $list-group-border-width;
133
+ }
134
+ }
135
+ }
136
+ }
137
+ }
138
+ }
139
+
140
+
141
+ // Flush list items
142
+ //
143
+ // Remove borders and border-radius to keep list group items edge-to-edge. Most
144
+ // useful within other components (e.g., cards).
145
+
146
+ .list-group-flush {
147
+ @include border-radius(0);
148
+
149
+ > .list-group-item {
150
+ border-width: 0 0 $list-group-border-width;
151
+
152
+ &:last-child {
153
+ border-bottom-width: 0;
154
+ }
155
+ }
156
+ }
157
+
158
+
159
+ // scss-docs-start list-group-modifiers
160
+ // List group contextual variants
161
+ //
162
+ // Add modifier classes to change text and background color on individual items.
163
+ // Organizationally, this must come after the `:hover` states.
164
+
165
+ @each $state, $value in $theme-colors {
166
+ $list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
167
+ $list-group-variant-color: shift-color($value, $list-group-item-color-scale);
168
+ @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
169
+ $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), abs($list-group-item-color-scale));
170
+ }
171
+
172
+ @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
173
+ }
174
+ // scss-docs-end list-group-modifiers
@@ -0,0 +1,42 @@
1
+ // Toggles
2
+ //
3
+ // Used in conjunction with global variables to enable certain theme features.
4
+
5
+ // Vendor
6
+ @import "vendor/rfs";
7
+
8
+ // Deprecate
9
+ @import "mixins/deprecate";
10
+
11
+ // Helpers
12
+ @import "mixins/breakpoints";
13
+ @import "mixins/color-scheme";
14
+ @import "mixins/image";
15
+ @import "mixins/resize";
16
+ @import "mixins/visually-hidden";
17
+ @import "mixins/reset-text";
18
+ @import "mixins/text-truncate";
19
+
20
+ // Utilities
21
+ @import "mixins/utilities";
22
+
23
+ // Components
24
+ @import "mixins/alert";
25
+ @import "mixins/buttons";
26
+ @import "mixins/caret";
27
+ @import "mixins/pagination";
28
+ @import "mixins/lists";
29
+ @import "mixins/list-group";
30
+ @import "mixins/forms";
31
+ @import "mixins/table-variants";
32
+
33
+ // Skins
34
+ @import "mixins/border-radius";
35
+ @import "mixins/box-shadow";
36
+ @import "mixins/gradients";
37
+ @import "mixins/transition";
38
+
39
+ // Layout
40
+ @import "mixins/clearfix";
41
+ @import "mixins/container";
42
+ @import "mixins/grid";
@@ -0,0 +1,219 @@
1
+ // .modal-open - body class for killing the scroll
2
+ // .modal - container to scroll within
3
+ // .modal-dialog - positioning shell for the actual modal
4
+ // .modal-content - actual modal w/ bg and corners and stuff
5
+
6
+
7
+ // Container that the modal scrolls within
8
+ .modal {
9
+ position: fixed;
10
+ top: 0;
11
+ left: 0;
12
+ z-index: $zindex-modal;
13
+ display: none;
14
+ width: 100%;
15
+ height: 100%;
16
+ overflow-x: hidden;
17
+ overflow-y: auto;
18
+ // Prevent Chrome on Windows from adding a focus outline. For details, see
19
+ // https://github.com/twbs/bootstrap/pull/10951.
20
+ outline: 0;
21
+ // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
22
+ // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
23
+ // See also https://github.com/twbs/bootstrap/issues/17695
24
+ }
25
+
26
+ // Shell div to position the modal with bottom padding
27
+ .modal-dialog {
28
+ position: relative;
29
+ width: auto;
30
+ margin: $modal-dialog-margin;
31
+ // allow clicks to pass through for custom click handling to close modal
32
+ pointer-events: none;
33
+
34
+ // When fading in the modal, animate it to slide down
35
+ .modal.fade & {
36
+ @include transition($modal-transition);
37
+ transform: $modal-fade-transform;
38
+ }
39
+ .modal.show & {
40
+ transform: $modal-show-transform;
41
+ }
42
+
43
+ // When trying to close, animate focus to scale
44
+ .modal.modal-static & {
45
+ transform: $modal-scale-transform;
46
+ }
47
+ }
48
+
49
+ .modal-dialog-scrollable {
50
+ height: subtract(100%, $modal-dialog-margin * 2);
51
+
52
+ .modal-content {
53
+ max-height: 100%;
54
+ overflow: hidden;
55
+ }
56
+
57
+ .modal-body {
58
+ overflow-y: auto;
59
+ }
60
+ }
61
+
62
+ .modal-dialog-centered {
63
+ display: flex;
64
+ align-items: center;
65
+ min-height: subtract(100%, $modal-dialog-margin * 2);
66
+ }
67
+
68
+ // Actual modal
69
+ .modal-content {
70
+ position: relative;
71
+ display: flex;
72
+ flex-direction: column;
73
+ width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
74
+ // counteract the pointer-events: none; in the .modal-dialog
75
+ color: $modal-content-color;
76
+ pointer-events: auto;
77
+ background-color: $modal-content-bg;
78
+ background-clip: padding-box;
79
+ border: $modal-content-border-width solid $modal-content-border-color;
80
+ @include border-radius($modal-content-border-radius);
81
+ @include box-shadow($modal-content-box-shadow-xs);
82
+ // Remove focus outline from opened modal
83
+ outline: 0;
84
+ }
85
+
86
+ // Modal background
87
+ .modal-backdrop {
88
+ position: fixed;
89
+ top: 0;
90
+ left: 0;
91
+ z-index: $zindex-modal-backdrop;
92
+ width: 100vw;
93
+ height: 100vh;
94
+ background-color: $modal-backdrop-bg;
95
+
96
+ // Fade for backdrop
97
+ &.fade { opacity: 0; }
98
+ &.show { opacity: $modal-backdrop-opacity; }
99
+ }
100
+
101
+ // Modal header
102
+ // Top section of the modal w/ title and dismiss
103
+ .modal-header {
104
+ display: flex;
105
+ flex-shrink: 0;
106
+ align-items: center;
107
+ justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
108
+ padding: $modal-header-padding;
109
+ border-bottom: $modal-header-border-width solid $modal-header-border-color;
110
+ @include border-top-radius($modal-content-inner-border-radius);
111
+
112
+ .btn-close {
113
+ padding: ($modal-header-padding-y / 2) ($modal-header-padding-x / 2);
114
+ margin: ($modal-header-padding-y / -2) ($modal-header-padding-x / -2) ($modal-header-padding-y / -2) auto;
115
+ }
116
+ }
117
+
118
+ // Title text within header
119
+ .modal-title {
120
+ margin-bottom: 0;
121
+ line-height: $modal-title-line-height;
122
+ }
123
+
124
+ // Modal body
125
+ // Where all modal content resides (sibling of .modal-header and .modal-footer)
126
+ .modal-body {
127
+ position: relative;
128
+ // Enable `flex-grow: 1` so that the body take up as much space as possible
129
+ // when there should be a fixed height on `.modal-dialog`.
130
+ flex: 1 1 auto;
131
+ padding: $modal-inner-padding;
132
+ }
133
+
134
+ // Footer (for actions)
135
+ .modal-footer {
136
+ display: flex;
137
+ flex-wrap: wrap;
138
+ flex-shrink: 0;
139
+ align-items: center; // vertically center
140
+ justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
141
+ padding: $modal-inner-padding - $modal-footer-margin-between / 2;
142
+ border-top: $modal-footer-border-width solid $modal-footer-border-color;
143
+ @include border-bottom-radius($modal-content-inner-border-radius);
144
+
145
+ // Place margin between footer elements
146
+ // This solution is far from ideal because of the universal selector usage,
147
+ // but is needed to fix https://github.com/twbs/bootstrap/issues/24800
148
+ > * {
149
+ margin: $modal-footer-margin-between / 2;
150
+ }
151
+ }
152
+
153
+ // Scale up the modal
154
+ @include media-breakpoint-up(sm) {
155
+ // Automatically set modal's width for larger viewports
156
+ .modal-dialog {
157
+ max-width: $modal-md;
158
+ margin: $modal-dialog-margin-y-sm-up auto;
159
+ }
160
+
161
+ .modal-dialog-scrollable {
162
+ height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
163
+ }
164
+
165
+ .modal-dialog-centered {
166
+ min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
167
+ }
168
+
169
+ .modal-content {
170
+ @include box-shadow($modal-content-box-shadow-sm-up);
171
+ }
172
+
173
+ .modal-sm { max-width: $modal-sm; }
174
+ }
175
+
176
+ @include media-breakpoint-up(lg) {
177
+ .modal-lg,
178
+ .modal-xl {
179
+ max-width: $modal-lg;
180
+ }
181
+ }
182
+
183
+ @include media-breakpoint-up(xl) {
184
+ .modal-xl { max-width: $modal-xl; }
185
+ }
186
+
187
+ // scss-docs-start modal-fullscreen-loop
188
+ @each $breakpoint in map-keys($grid-breakpoints) {
189
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
190
+ $postfix: if($infix != "", $infix + "-down", "");
191
+
192
+ @include media-breakpoint-down($breakpoint) {
193
+ .modal-fullscreen#{$postfix} {
194
+ width: 100vw;
195
+ max-width: none;
196
+ height: 100%;
197
+ margin: 0;
198
+
199
+ .modal-content {
200
+ height: 100%;
201
+ border: 0;
202
+ @include border-radius(0);
203
+ }
204
+
205
+ .modal-header {
206
+ @include border-radius(0);
207
+ }
208
+
209
+ .modal-body {
210
+ overflow-y: auto;
211
+ }
212
+
213
+ .modal-footer {
214
+ @include border-radius(0);
215
+ }
216
+ }
217
+ }
218
+ }
219
+ // scss-docs-end modal-fullscreen-loop