viniBaxter-desk_front 21.0.0 → 26

Sign up to get free protection for your applications and to get access to all the features.
Files changed (153) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +1 -1
  3. data/lib/viniBaxter/sass/desk_front.scss +5 -0
  4. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +1 -1
  5. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_new_nav.scss +9 -0
  6. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +693 -681
  7. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_dropdown.scss +372 -0
  8. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_fixed-plugin.scss +335 -0
  9. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_misc.scss +226 -0
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_navbar.scss +480 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss +919 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_white-content.scss +43 -0
  13. data/lib/viniBaxter/sass/desk_front/bootstrap/_alert.scss +51 -0
  14. data/lib/viniBaxter/sass/desk_front/bootstrap/_badge.scss +54 -0
  15. data/lib/viniBaxter/sass/desk_front/bootstrap/_breadcrumb.scss +44 -0
  16. data/lib/viniBaxter/sass/desk_front/bootstrap/_button-group.scss +163 -0
  17. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +184 -0
  18. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +286 -0
  19. data/lib/viniBaxter/sass/desk_front/bootstrap/_carousel.scss +197 -0
  20. data/lib/viniBaxter/sass/desk_front/bootstrap/_close.scss +40 -0
  21. data/lib/viniBaxter/sass/desk_front/bootstrap/_code.scss +48 -0
  22. data/lib/viniBaxter/sass/desk_front/bootstrap/_custom-forms.scss +556 -0
  23. data/lib/viniBaxter/sass/desk_front/bootstrap/_dropdown.scss +192 -0
  24. data/lib/viniBaxter/sass/desk_front/bootstrap/_forms.scss +364 -0
  25. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +72 -0
  26. data/lib/viniBaxter/sass/desk_front/bootstrap/_images.scss +42 -0
  27. data/lib/viniBaxter/sass/desk_front/bootstrap/_input-group.scss +192 -0
  28. data/lib/viniBaxter/sass/desk_front/bootstrap/_jumbotron.scss +17 -0
  29. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +153 -0
  30. data/lib/viniBaxter/sass/desk_front/bootstrap/_media.scss +8 -0
  31. data/lib/viniBaxter/sass/desk_front/bootstrap/_mixins.scss +47 -0
  32. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +248 -0
  33. data/lib/viniBaxter/sass/desk_front/bootstrap/_nav.scss +123 -0
  34. data/lib/viniBaxter/sass/desk_front/bootstrap/_navbar.scss +318 -0
  35. data/lib/viniBaxter/sass/desk_front/bootstrap/_pagination.scss +74 -0
  36. data/lib/viniBaxter/sass/desk_front/bootstrap/_popover.scss +170 -0
  37. data/lib/viniBaxter/sass/desk_front/bootstrap/_print.scss +141 -0
  38. data/lib/viniBaxter/sass/desk_front/bootstrap/_progress.scss +47 -0
  39. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +497 -0
  40. data/lib/viniBaxter/sass/desk_front/bootstrap/_root.scss +20 -0
  41. data/lib/viniBaxter/sass/desk_front/bootstrap/_spinners.scss +56 -0
  42. data/lib/viniBaxter/sass/desk_front/bootstrap/_tables.scss +183 -0
  43. data/lib/viniBaxter/sass/desk_front/bootstrap/_toasts.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/bootstrap/_tooltip.scss +115 -0
  45. data/lib/viniBaxter/sass/desk_front/bootstrap/_transitions.scss +20 -0
  46. data/lib/viniBaxter/sass/desk_front/bootstrap/_type.scss +149 -0
  47. data/lib/viniBaxter/sass/desk_front/bootstrap/_utilities.scss +18 -0
  48. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-grid.scss +29 -0
  49. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-reboot.scss +12 -0
  50. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +43 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_alert.scss +13 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_background-variant.scss +23 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_badge.scss +17 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_border-radius.scss +76 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_box-shadow.scss +20 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_breakpoints.scss +123 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_buttons.scss +153 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_caret.scss +62 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_clearfix.scss +7 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_deprecate.scss +10 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_float.scss +14 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_forms.scss +178 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_gradients.scss +45 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid-framework.scss +80 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid.scss +72 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_hover.scss +37 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_image.scss +36 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_list-group.scss +21 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_lists.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_nav-divider.scss +11 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_pagination.scss +22 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_reset-text.scss +17 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_resize.scss +6 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_screen-reader.scss +34 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_size.scss +7 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_table-row.scss +39 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-emphasis.scss +17 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-hide.scss +11 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-truncate.scss +8 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_transition.scss +26 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_visibility.scss +8 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_align.scss +8 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_background.scss +19 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_borders.scss +75 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_clearfix.scss +3 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_display.scss +26 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_embed.scss +39 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_flex.scss +51 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_float.scss +11 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_interactions.scss +5 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_overflow.scss +5 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_position.scss +34 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_screenreaders.scss +11 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_shadows.scss +6 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_sizing.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_spacing.scss +73 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_stretched-link.scss +19 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_text.scss +72 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_visibility.scss +13 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap/vendor/_rfs.scss +204 -0
  101. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +2 -2
  102. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +3 -7
  103. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +16 -15
  104. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_card.scss +3 -3
  105. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss +0 -52
  106. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/utilities/_sizing.scss +2 -11
  107. data/lib/viniBaxter/sass/desk_front/theme.scss +0 -10
  108. metadata +98 -48
  109. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_alert.scss +0 -18
  110. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_aos.scss +0 -32
  111. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_avatar.scss +0 -192
  112. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_button-group.scss +0 -0
  113. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_buttons.scss +0 -115
  114. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_carousel.scss +0 -0
  115. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_close.scss +0 -11
  116. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_code.scss +0 -0
  117. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_collapse.scss +0 -15
  118. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_custom-forms.scss +0 -65
  119. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss +0 -110
  120. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_dropdown.scss +0 -106
  121. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_fancybox.scss +0 -14
  122. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_feather.scss +0 -1093
  123. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_flickity.scss +0 -112
  124. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_footer.scss +0 -10
  125. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_forms.scss +0 -92
  126. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_grid.scss +0 -9
  127. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_highlight.scss +0 -8
  128. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss +0 -56
  129. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_images.scss +0 -32
  130. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_input-group.scss +0 -0
  131. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_jumbotron.scss +0 -0
  132. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list-group.scss +0 -22
  133. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list.scss +0 -27
  134. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_media.scss +0 -0
  135. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_modal.scss +0 -21
  136. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_nav.scss +0 -0
  137. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_navbar.scss +0 -377
  138. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_pagination.scss +0 -34
  139. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_popover.scss +0 -15
  140. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_print.scss +0 -0
  141. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_progress.scss +0 -0
  142. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_reboot.scss +0 -17
  143. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_root.scss +0 -0
  144. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_screenshot.scss +0 -9
  145. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_section.scss +0 -19
  146. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_sidenav.scss +0 -28
  147. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tables.scss +0 -23
  148. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tooltip.scss +0 -0
  149. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_transitions.scss +0 -0
  150. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_type.scss +0 -169
  151. data/viniBaxter-desk_front-18.0.0.gem +0 -0
  152. data/viniBaxter-desk_front-19.0.0.gem +0 -0
  153. data/viniBaxter-desk_front-20.0.0.gem +0 -0
@@ -0,0 +1,8 @@
1
+ .media {
2
+ display: flex;
3
+ align-items: flex-start;
4
+ }
5
+
6
+ .media-body {
7
+ flex: 1;
8
+ }
@@ -0,0 +1,47 @@
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
+ // Utilities
12
+ @import "mixins/breakpoints";
13
+ @import "mixins/hover";
14
+ @import "mixins/image";
15
+ @import "mixins/badge";
16
+ @import "mixins/resize";
17
+ @import "mixins/screen-reader";
18
+ @import "mixins/size";
19
+ @import "mixins/reset-text";
20
+ @import "mixins/text-emphasis";
21
+ @import "mixins/text-hide";
22
+ @import "mixins/text-truncate";
23
+ @import "mixins/visibility";
24
+
25
+ // Components
26
+ @import "mixins/alert";
27
+ @import "mixins/buttons";
28
+ @import "mixins/caret";
29
+ @import "mixins/pagination";
30
+ @import "mixins/lists";
31
+ @import "mixins/list-group";
32
+ @import "mixins/nav-divider";
33
+ @import "mixins/forms";
34
+ @import "mixins/table-row";
35
+
36
+ // Skins
37
+ @import "mixins/background-variant";
38
+ @import "mixins/border-radius";
39
+ @import "mixins/box-shadow";
40
+ @import "mixins/gradients";
41
+ @import "mixins/transition";
42
+
43
+ // Layout
44
+ @import "mixins/clearfix";
45
+ @import "mixins/grid-framework";
46
+ @import "mixins/grid";
47
+ @import "mixins/float";
@@ -0,0 +1,248 @@
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
+ .modal-open {
7
+ // Kill the scroll on the body
8
+ overflow: hidden;
9
+
10
+ .modal {
11
+ overflow-x: hidden;
12
+ overflow-y: auto;
13
+ }
14
+ }
15
+
16
+ // Container that the modal scrolls within
17
+ .modal {
18
+ position: fixed;
19
+ top: 0;
20
+ left: 0;
21
+ z-index: $zindex-modal;
22
+ display: none;
23
+ width: 100%;
24
+ height: 100%;
25
+ overflow: hidden;
26
+ // Prevent Chrome on Windows from adding a focus outline. For details, see
27
+ // https://github.com/twbs/bootstrap/pull/10951.
28
+ outline: 0;
29
+ // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
30
+ // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
31
+ // See also https://github.com/twbs/bootstrap/issues/17695
32
+ }
33
+
34
+ // Shell div to position the modal with bottom padding
35
+ .modal-dialog {
36
+ position: relative;
37
+ width: auto;
38
+ margin: $modal-dialog-margin;
39
+ // allow clicks to pass through for custom click handling to close modal
40
+ pointer-events: none;
41
+
42
+ // When fading in the modal, animate it to slide down
43
+ .modal.fade & {
44
+ @include transition($modal-transition);
45
+ transform: $modal-fade-transform;
46
+ }
47
+ .modal.show & {
48
+ transform: $modal-show-transform;
49
+ }
50
+
51
+ // When trying to close, animate focus to scale
52
+ .modal.modal-static & {
53
+ transform: $modal-scale-transform;
54
+ }
55
+ }
56
+
57
+ .modal-dialog-scrollable {
58
+ display: flex; // IE10/11
59
+ max-height: subtract(100%, $modal-dialog-margin * 2);
60
+
61
+ .modal-content {
62
+ max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11
63
+ overflow: hidden;
64
+ }
65
+
66
+ .modal-header,
67
+ .modal-footer {
68
+ flex-shrink: 0;
69
+ }
70
+
71
+ .modal-body {
72
+ overflow-y: auto;
73
+ }
74
+ }
75
+
76
+ .modal-dialog-centered {
77
+ display: flex;
78
+ align-items: center;
79
+ min-height: subtract(100%, $modal-dialog-margin * 2);
80
+
81
+ // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
82
+ &::before {
83
+ display: block; // IE10
84
+ height: subtract(100vh, $modal-dialog-margin * 2);
85
+ height: min-content; // Reset height to 0 except on IE
86
+ content: '';
87
+ }
88
+
89
+ // Ensure `.modal-body` shows scrollbar (IE10/11)
90
+ &.modal-dialog-scrollable {
91
+ flex-direction: column;
92
+ justify-content: center;
93
+ height: 100%;
94
+
95
+ .modal-content {
96
+ max-height: none;
97
+ }
98
+
99
+ &::before {
100
+ content: none;
101
+ }
102
+ }
103
+ }
104
+
105
+ // Actual modal
106
+ .modal-content {
107
+ position: relative;
108
+ display: flex;
109
+ flex-direction: column;
110
+ width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
111
+ // counteract the pointer-events: none; in the .modal-dialog
112
+ color: $modal-content-color;
113
+ pointer-events: auto;
114
+ background-color: $modal-content-bg;
115
+ background-clip: padding-box;
116
+ border: $modal-content-border-width solid $modal-content-border-color;
117
+ @include border-radius($modal-content-border-radius);
118
+ @include box-shadow($modal-content-box-shadow-xs);
119
+ // Remove focus outline from opened modal
120
+ outline: 0;
121
+ }
122
+
123
+ // Modal background
124
+ .modal-backdrop {
125
+ position: fixed;
126
+ top: 0;
127
+ left: 0;
128
+ z-index: $zindex-modal-backdrop;
129
+ width: 100vw;
130
+ height: 100vh;
131
+ background-color: $modal-backdrop-bg;
132
+
133
+ // Fade for backdrop
134
+ &.fade {
135
+ opacity: 0;
136
+ }
137
+ &.show {
138
+ opacity: $modal-backdrop-opacity;
139
+ }
140
+ }
141
+
142
+ // Modal header
143
+ // Top section of the modal w/ title and dismiss
144
+ .modal-header {
145
+ display: flex;
146
+ align-items: flex-start; // so the close btn always stays on the upper right corner
147
+ justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
148
+ padding: $modal-header-padding;
149
+ border-bottom: $modal-header-border-width solid $modal-header-border-color;
150
+ @include border-top-radius($modal-content-inner-border-radius);
151
+
152
+ .close {
153
+ padding: $modal-header-padding;
154
+ // auto on the left force icon to the right even when there is no .modal-title
155
+ margin: (-$modal-header-padding-y) (-$modal-header-padding-x)
156
+ (-$modal-header-padding-y) auto;
157
+ }
158
+ }
159
+
160
+ // Title text within header
161
+ .modal-title {
162
+ margin-bottom: 0;
163
+ line-height: $modal-title-line-height;
164
+ }
165
+
166
+ // Modal body
167
+ // Where all modal content resides (sibling of .modal-header and .modal-footer)
168
+ .modal-body {
169
+ position: relative;
170
+ // Enable `flex-grow: 1` so that the body take up as much space as possible
171
+ // when there should be a fixed height on `.modal-dialog`.
172
+ flex: 1 1 auto;
173
+ padding: $modal-inner-padding;
174
+ }
175
+
176
+ // Footer (for actions)
177
+ .modal-footer {
178
+ display: flex;
179
+ flex-wrap: wrap;
180
+ align-items: center; // vertically center
181
+ justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
182
+ padding: $modal-inner-padding - $modal-footer-margin-between / 2;
183
+ border-top: $modal-footer-border-width solid $modal-footer-border-color;
184
+ @include border-bottom-radius($modal-content-inner-border-radius);
185
+
186
+ // Place margin between footer elements
187
+ // This solution is far from ideal because of the universal selector usage,
188
+ // but is needed to fix https://github.com/twbs/bootstrap/issues/24800
189
+ > * {
190
+ margin: $modal-footer-margin-between / 2;
191
+ }
192
+ }
193
+
194
+ // Measure scrollbar width for padding body during modal show/hide
195
+ .modal-scrollbar-measure {
196
+ position: absolute;
197
+ top: -9999px;
198
+ width: 50px;
199
+ height: 50px;
200
+ overflow: scroll;
201
+ }
202
+
203
+ // Scale up the modal
204
+ @include media-breakpoint-up(sm) {
205
+ // Automatically set modal's width for larger viewports
206
+ .modal-dialog {
207
+ max-width: $modal-md;
208
+ margin: $modal-dialog-margin-y-sm-up auto;
209
+ }
210
+
211
+ .modal-dialog-scrollable {
212
+ max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
213
+
214
+ .modal-content {
215
+ max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
216
+ }
217
+ }
218
+
219
+ .modal-dialog-centered {
220
+ min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
221
+
222
+ &::before {
223
+ height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
224
+ height: min-content;
225
+ }
226
+ }
227
+
228
+ .modal-content {
229
+ @include box-shadow($modal-content-box-shadow-sm-up);
230
+ }
231
+
232
+ .modal-sm {
233
+ max-width: $modal-sm;
234
+ }
235
+ }
236
+
237
+ @include media-breakpoint-up(lg) {
238
+ .modal-lg,
239
+ .modal-xl {
240
+ max-width: $modal-lg;
241
+ }
242
+ }
243
+
244
+ @include media-breakpoint-up(xl) {
245
+ .modal-xl {
246
+ max-width: $modal-xl;
247
+ }
248
+ }
@@ -0,0 +1,123 @@
1
+ // Base class
2
+ //
3
+ // Kickstart any navigation component with a set of style resets. Works with
4
+ // `<nav>`s, `<ul>`s or `<ol>`s.
5
+
6
+ .nav {
7
+ display: flex;
8
+ flex-wrap: wrap;
9
+ padding-left: 0;
10
+ margin-bottom: 0;
11
+ list-style: none;
12
+ }
13
+
14
+ .nav-link {
15
+ display: block;
16
+ padding: $nav-link-padding-y $nav-link-padding-x;
17
+ text-decoration: if($link-decoration == none, null, none);
18
+
19
+ @include hover-focus() {
20
+ text-decoration: none;
21
+ }
22
+
23
+ // Disabled state lightens text
24
+ &.disabled {
25
+ color: $nav-link-disabled-color;
26
+ pointer-events: none;
27
+ cursor: default;
28
+ }
29
+ }
30
+
31
+ //
32
+ // Tabs
33
+ //
34
+
35
+ .nav-tabs {
36
+ border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
37
+
38
+ .nav-item {
39
+ margin-bottom: -$nav-tabs-border-width;
40
+ }
41
+
42
+ .nav-link {
43
+ border: $nav-tabs-border-width solid transparent;
44
+ @include border-top-radius($nav-tabs-border-radius);
45
+
46
+ @include hover-focus() {
47
+ border-color: $nav-tabs-link-hover-border-color;
48
+ }
49
+
50
+ &.disabled {
51
+ color: $nav-link-disabled-color;
52
+ background-color: transparent;
53
+ border-color: transparent;
54
+ }
55
+ }
56
+
57
+ .nav-link.active,
58
+ .nav-item.show .nav-link {
59
+ color: $nav-tabs-link-active-color;
60
+ background-color: $nav-tabs-link-active-bg;
61
+ border-color: $nav-tabs-link-active-border-color;
62
+ }
63
+
64
+ .dropdown-menu {
65
+ // Make dropdown border overlap tab border
66
+ margin-top: -$nav-tabs-border-width;
67
+ // Remove the top rounded corners here since there is a hard edge above the menu
68
+ @include border-top-radius(0);
69
+ }
70
+ }
71
+
72
+
73
+ //
74
+ // Pills
75
+ //
76
+
77
+ .nav-pills {
78
+ .nav-link {
79
+ @include border-radius($nav-pills-border-radius);
80
+ }
81
+
82
+ .nav-link.active,
83
+ .show > .nav-link {
84
+ color: $nav-pills-link-active-color;
85
+ background-color: $nav-pills-link-active-bg;
86
+ }
87
+ }
88
+
89
+
90
+ //
91
+ // Justified variants
92
+ //
93
+
94
+ .nav-fill {
95
+ > .nav-link,
96
+ .nav-item {
97
+ flex: 1 1 auto;
98
+ text-align: center;
99
+ }
100
+ }
101
+
102
+ .nav-justified {
103
+ > .nav-link,
104
+ .nav-item {
105
+ flex-basis: 0;
106
+ flex-grow: 1;
107
+ text-align: center;
108
+ }
109
+ }
110
+
111
+
112
+ // Tabbable tabs
113
+ //
114
+ // Hide tabbable panes to start, show them when `.active`
115
+
116
+ .tab-content {
117
+ > .tab-pane {
118
+ display: none;
119
+ }
120
+ > .active {
121
+ display: block;
122
+ }
123
+ }
@@ -0,0 +1,318 @@
1
+ // Contents
2
+ //
3
+ // Navbar
4
+ // Navbar brand
5
+ // Navbar nav
6
+ // Navbar text
7
+ // Navbar divider
8
+ // Responsive navbar
9
+ // Navbar position
10
+ // Navbar themes
11
+
12
+ // Navbar
13
+ //
14
+ // Provide a static navbar from which we expand to create full-width, fixed, and
15
+ // other navbar variations.
16
+
17
+ .navbar {
18
+ position: relative;
19
+ display: flex;
20
+ flex-wrap: wrap; // allow us to do the line break for collapsing content
21
+ align-items: center;
22
+ justify-content: space-between; // space out brand from logo
23
+ padding: $navbar-padding-y $navbar-padding-x;
24
+
25
+ // Because flex properties aren't inherited, we need to redeclare these first
26
+ // few properties so that content nested within behave properly.
27
+ %container-flex-properties {
28
+ display: flex;
29
+ flex-wrap: wrap;
30
+ align-items: center;
31
+ justify-content: space-between;
32
+ }
33
+
34
+ .container,
35
+ .container-fluid {
36
+ @extend %container-flex-properties;
37
+ }
38
+
39
+ @each $breakpoint, $container-max-width in $container-max-widths {
40
+ > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
41
+ @extend %container-flex-properties;
42
+ }
43
+ }
44
+ }
45
+
46
+ // Navbar brand
47
+ //
48
+ // Used for brand, project, or site names.
49
+
50
+ .navbar-brand {
51
+ display: inline-block;
52
+ padding-top: $navbar-brand-padding-y;
53
+ padding-bottom: $navbar-brand-padding-y;
54
+ margin-right: $navbar-padding-x;
55
+ @include font-size($navbar-brand-font-size);
56
+ line-height: inherit;
57
+ white-space: nowrap;
58
+
59
+ @include hover-focus() {
60
+ text-decoration: none;
61
+ }
62
+ }
63
+
64
+ // Navbar nav
65
+ //
66
+ // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
67
+
68
+ .navbar-nav {
69
+ display: flex;
70
+ flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
71
+ padding-left: 0;
72
+ margin-bottom: 0;
73
+ list-style: none;
74
+
75
+ .nav-link {
76
+ padding-right: 0;
77
+ padding-left: 0;
78
+ }
79
+
80
+ .dropdown-menu {
81
+ position: static;
82
+ float: none;
83
+ }
84
+ }
85
+
86
+ // Navbar text
87
+ //
88
+ //
89
+
90
+ .navbar-text {
91
+ display: inline-block;
92
+ padding-top: $nav-link-padding-y;
93
+ padding-bottom: $nav-link-padding-y;
94
+ }
95
+
96
+ // Responsive navbar
97
+ //
98
+ // Custom styles for responsive collapsing and toggling of navbar contents.
99
+ // Powered by the collapse Bootstrap JavaScript plugin.
100
+
101
+ // When collapsed, prevent the toggleable navbar contents from appearing in
102
+ // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
103
+ // on the `.navbar` parent.
104
+ .navbar-collapse {
105
+ flex-basis: 100%;
106
+ flex-grow: 1;
107
+ // For always expanded or extra full navbars, ensure content aligns itself
108
+ // properly vertically. Can be easily overridden with flex utilities.
109
+ align-items: center;
110
+ }
111
+
112
+ // Button for toggling the navbar when in its collapsed state
113
+ .navbar-toggler {
114
+ padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
115
+ @include font-size($navbar-toggler-font-size);
116
+ line-height: 1;
117
+ background-color: transparent; // remove default button style
118
+ border: $border-width solid transparent; // remove default button style
119
+ @include border-radius($navbar-toggler-border-radius);
120
+
121
+ @include hover-focus() {
122
+ text-decoration: none;
123
+ }
124
+ }
125
+
126
+ // Keep as a separate element so folks can easily override it with another icon
127
+ // or image file as needed.
128
+ .navbar-toggler-icon {
129
+ display: inline-block;
130
+ width: 1.5em;
131
+ height: 1.5em;
132
+ vertical-align: middle;
133
+ content: '';
134
+ background: no-repeat center center;
135
+ background-size: 100% 100%;
136
+ }
137
+
138
+ // Generate series of `.navbar-expand-*` responsive classes for configuring
139
+ // where your navbar collapses.
140
+ .navbar-expand {
141
+ @each $breakpoint in map-keys($grid-breakpoints) {
142
+ $next: breakpoint-next($breakpoint, $grid-breakpoints);
143
+ $infix: breakpoint-infix($next, $grid-breakpoints);
144
+
145
+ &#{$infix} {
146
+ @include media-breakpoint-down($breakpoint) {
147
+ %container-navbar-expand-#{$breakpoint} {
148
+ padding-right: 0;
149
+ padding-left: 0;
150
+ }
151
+
152
+ > .container,
153
+ > .container-fluid {
154
+ @extend %container-navbar-expand-#{$breakpoint};
155
+ }
156
+
157
+ @each $size, $container-max-width in $container-max-widths {
158
+ > .container#{breakpoint-infix($size, $container-max-widths)} {
159
+ @extend %container-navbar-expand-#{$breakpoint};
160
+ }
161
+ }
162
+ }
163
+
164
+ @include media-breakpoint-up($next) {
165
+ flex-flow: row nowrap;
166
+ justify-content: flex-start;
167
+
168
+ .navbar-nav {
169
+ flex-direction: row;
170
+
171
+ .dropdown-menu {
172
+ position: absolute;
173
+ }
174
+
175
+ .nav-link {
176
+ padding-right: $navbar-nav-link-padding-x;
177
+ padding-left: $navbar-nav-link-padding-x;
178
+ }
179
+ }
180
+
181
+ // For nesting containers, have to redeclare for alignment purposes
182
+ %container-nesting-#{$breakpoint} {
183
+ flex-wrap: nowrap;
184
+ }
185
+
186
+ > .container,
187
+ > .container-fluid {
188
+ @extend %container-nesting-#{$breakpoint};
189
+ }
190
+
191
+ @each $size, $container-max-width in $container-max-widths {
192
+ > .container#{breakpoint-infix($size, $container-max-widths)} {
193
+ @extend %container-nesting-#{$breakpoint};
194
+ }
195
+ }
196
+
197
+ .navbar-collapse {
198
+ display: flex !important; // stylelint-disable-line declaration-no-important
199
+
200
+ // Changes flex-bases to auto because of an IE10 bug
201
+ flex-basis: auto;
202
+ }
203
+
204
+ .navbar-toggler {
205
+ display: none;
206
+ }
207
+ }
208
+ }
209
+ }
210
+ }
211
+
212
+ // Navbar themes
213
+ //
214
+ // Styles for switching between navbars with light or dark background.
215
+
216
+ // Dark links against a light background
217
+ .navbar-light {
218
+ .navbar-brand {
219
+ color: $navbar-light-brand-color;
220
+
221
+ @include hover-focus() {
222
+ color: $navbar-light-brand-hover-color;
223
+ }
224
+ }
225
+
226
+ .navbar-nav {
227
+ .nav-link {
228
+ color: $navbar-light-color;
229
+
230
+ @include hover-focus() {
231
+ color: $navbar-light-hover-color;
232
+ }
233
+
234
+ &.disabled {
235
+ color: $navbar-light-disabled-color;
236
+ }
237
+ }
238
+
239
+ .show > .nav-link,
240
+ .active > .nav-link,
241
+ .nav-link.show,
242
+ .nav-link.active {
243
+ color: $navbar-light-active-color;
244
+ }
245
+ }
246
+
247
+ .navbar-toggler {
248
+ color: $navbar-light-color;
249
+ border-color: $navbar-light-toggler-border-color;
250
+ }
251
+
252
+ .navbar-toggler-icon {
253
+ background-image: escape-svg($navbar-light-toggler-icon-bg);
254
+ }
255
+
256
+ .navbar-text {
257
+ color: $navbar-light-color;
258
+ a {
259
+ color: $navbar-light-active-color;
260
+
261
+ @include hover-focus() {
262
+ color: $navbar-light-active-color;
263
+ }
264
+ }
265
+ }
266
+ }
267
+
268
+ // White links against a dark background
269
+ .navbar-dark {
270
+ .navbar-brand {
271
+ color: $navbar-dark-brand-color;
272
+
273
+ @include hover-focus() {
274
+ color: $navbar-dark-brand-hover-color;
275
+ }
276
+ }
277
+
278
+ .navbar-nav {
279
+ .nav-link {
280
+ color: $navbar-dark-color;
281
+
282
+ @include hover-focus() {
283
+ color: $navbar-dark-hover-color;
284
+ }
285
+
286
+ &.disabled {
287
+ color: $navbar-dark-disabled-color;
288
+ }
289
+ }
290
+
291
+ .show > .nav-link,
292
+ .active > .nav-link,
293
+ .nav-link.show,
294
+ .nav-link.active {
295
+ color: $navbar-dark-active-color;
296
+ }
297
+ }
298
+
299
+ .navbar-toggler {
300
+ color: $navbar-dark-color;
301
+ border-color: $navbar-dark-toggler-border-color;
302
+ }
303
+
304
+ .navbar-toggler-icon {
305
+ background-image: escape-svg($navbar-dark-toggler-icon-bg);
306
+ }
307
+
308
+ .navbar-text {
309
+ color: $navbar-dark-color;
310
+ a {
311
+ color: $navbar-dark-active-color;
312
+
313
+ @include hover-focus() {
314
+ color: $navbar-dark-active-color;
315
+ }
316
+ }
317
+ }
318
+ }