viniBaxter-spa_landing 15.0.0 → 32.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/lib/viniBaxter/sass/{spa_landing-nav.scss → spa_landing-creative-nav.scss} +1 -4
- data/lib/viniBaxter/sass/{spa_landing-basic-nav.scss → spa_landing-initial-nav.scss} +1 -4
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/jumbotrons/_jubo-home.scss +4 -3
- data/lib/viniBaxter/spa_landing/version.rb +9 -1
- metadata +4 -92
- data/lib/viniBaxter/sass/bootstrap/_alert.scss +0 -51
- data/lib/viniBaxter/sass/bootstrap/_badge.scss +0 -54
- data/lib/viniBaxter/sass/bootstrap/_breadcrumb.scss +0 -44
- data/lib/viniBaxter/sass/bootstrap/_button-group.scss +0 -163
- data/lib/viniBaxter/sass/bootstrap/_buttons.scss +0 -203
- data/lib/viniBaxter/sass/bootstrap/_card.scss +0 -286
- data/lib/viniBaxter/sass/bootstrap/_carousel.scss +0 -197
- data/lib/viniBaxter/sass/bootstrap/_close.scss +0 -40
- data/lib/viniBaxter/sass/bootstrap/_code.scss +0 -48
- data/lib/viniBaxter/sass/bootstrap/_custom-forms.scss +0 -556
- data/lib/viniBaxter/sass/bootstrap/_dropdown.scss +0 -192
- data/lib/viniBaxter/sass/bootstrap/_forms.scss +0 -364
- data/lib/viniBaxter/sass/bootstrap/_grid.scss +0 -86
- data/lib/viniBaxter/sass/bootstrap/_images.scss +0 -42
- data/lib/viniBaxter/sass/bootstrap/_input-group.scss +0 -192
- data/lib/viniBaxter/sass/bootstrap/_jumbotron.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/_list-group.scss +0 -154
- data/lib/viniBaxter/sass/bootstrap/_media.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/_mixins.scss +0 -47
- data/lib/viniBaxter/sass/bootstrap/_modal.scss +0 -240
- data/lib/viniBaxter/sass/bootstrap/_nav.scss +0 -123
- data/lib/viniBaxter/sass/bootstrap/_navbar.scss +0 -318
- data/lib/viniBaxter/sass/bootstrap/_pagination.scss +0 -74
- data/lib/viniBaxter/sass/bootstrap/_popover.scss +0 -170
- data/lib/viniBaxter/sass/bootstrap/_print.scss +0 -141
- data/lib/viniBaxter/sass/bootstrap/_progress.scss +0 -47
- data/lib/viniBaxter/sass/bootstrap/_reboot.scss +0 -498
- data/lib/viniBaxter/sass/bootstrap/_root.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/_spinners.scss +0 -56
- data/lib/viniBaxter/sass/bootstrap/_tables.scss +0 -185
- data/lib/viniBaxter/sass/bootstrap/_toasts.scss +0 -46
- data/lib/viniBaxter/sass/bootstrap/_tooltip.scss +0 -115
- data/lib/viniBaxter/sass/bootstrap/_transitions.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/_type.scss +0 -149
- data/lib/viniBaxter/sass/bootstrap/_utilities.scss +0 -18
- data/lib/viniBaxter/sass/bootstrap/bootstrap-grid.scss +0 -29
- data/lib/viniBaxter/sass/bootstrap/bootstrap-reboot.scss +0 -12
- data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -42
- data/lib/viniBaxter/sass/bootstrap/mixins/_alert.scss +0 -13
- data/lib/viniBaxter/sass/bootstrap/mixins/_background-variant.scss +0 -23
- data/lib/viniBaxter/sass/bootstrap/mixins/_badge.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss +0 -76
- data/lib/viniBaxter/sass/bootstrap/mixins/_box-shadow.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/mixins/_breakpoints.scss +0 -123
- data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -153
- data/lib/viniBaxter/sass/bootstrap/mixins/_caret.scss +0 -62
- data/lib/viniBaxter/sass/bootstrap/mixins/_clearfix.scss +0 -7
- data/lib/viniBaxter/sass/bootstrap/mixins/_deprecate.scss +0 -10
- data/lib/viniBaxter/sass/bootstrap/mixins/_float.scss +0 -14
- data/lib/viniBaxter/sass/bootstrap/mixins/_forms.scss +0 -178
- data/lib/viniBaxter/sass/bootstrap/mixins/_gradients.scss +0 -45
- data/lib/viniBaxter/sass/bootstrap/mixins/_grid-framework.scss +0 -80
- data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +0 -72
- data/lib/viniBaxter/sass/bootstrap/mixins/_hover.scss +0 -37
- data/lib/viniBaxter/sass/bootstrap/mixins/_image.scss +0 -36
- data/lib/viniBaxter/sass/bootstrap/mixins/_list-group.scss +0 -21
- data/lib/viniBaxter/sass/bootstrap/mixins/_lists.scss +0 -7
- data/lib/viniBaxter/sass/bootstrap/mixins/_nav-divider.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/mixins/_pagination.scss +0 -22
- data/lib/viniBaxter/sass/bootstrap/mixins/_reset-text.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/mixins/_resize.scss +0 -6
- data/lib/viniBaxter/sass/bootstrap/mixins/_screen-reader.scss +0 -34
- data/lib/viniBaxter/sass/bootstrap/mixins/_size.scss +0 -7
- data/lib/viniBaxter/sass/bootstrap/mixins/_table-row.scss +0 -39
- data/lib/viniBaxter/sass/bootstrap/mixins/_text-emphasis.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/mixins/_text-hide.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/mixins/_text-truncate.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/mixins/_transition.scss +0 -26
- data/lib/viniBaxter/sass/bootstrap/mixins/_visibility.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/utilities/_align.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/utilities/_background.scss +0 -19
- data/lib/viniBaxter/sass/bootstrap/utilities/_borders.scss +0 -75
- data/lib/viniBaxter/sass/bootstrap/utilities/_clearfix.scss +0 -3
- data/lib/viniBaxter/sass/bootstrap/utilities/_display.scss +0 -26
- data/lib/viniBaxter/sass/bootstrap/utilities/_embed.scss +0 -39
- data/lib/viniBaxter/sass/bootstrap/utilities/_flex.scss +0 -51
- data/lib/viniBaxter/sass/bootstrap/utilities/_float.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss +0 -5
- data/lib/viniBaxter/sass/bootstrap/utilities/_overflow.scss +0 -5
- data/lib/viniBaxter/sass/bootstrap/utilities/_position.scss +0 -34
- data/lib/viniBaxter/sass/bootstrap/utilities/_screenreaders.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/utilities/_shadows.scss +0 -6
- data/lib/viniBaxter/sass/bootstrap/utilities/_sizing.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/utilities/_spacing.scss +0 -73
- data/lib/viniBaxter/sass/bootstrap/utilities/_stretched-link.scss +0 -19
- data/lib/viniBaxter/sass/bootstrap/utilities/_text.scss +0 -72
- data/lib/viniBaxter/sass/bootstrap/utilities/_visibility.scss +0 -13
- data/lib/viniBaxter/sass/bootstrap/vendor/_rfs.scss +0 -204
@@ -1,47 +0,0 @@
|
|
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";
|
@@ -1,240 +0,0 @@
|
|
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
|
-
.modal-open {
|
8
|
-
// Kill the scroll on the body
|
9
|
-
overflow: hidden;
|
10
|
-
|
11
|
-
.modal {
|
12
|
-
overflow-x: hidden;
|
13
|
-
overflow-y: auto;
|
14
|
-
}
|
15
|
-
}
|
16
|
-
|
17
|
-
// Container that the modal scrolls within
|
18
|
-
.modal {
|
19
|
-
position: fixed;
|
20
|
-
top: 0;
|
21
|
-
left: 0;
|
22
|
-
z-index: $zindex-modal;
|
23
|
-
display: none;
|
24
|
-
width: 100%;
|
25
|
-
height: 100%;
|
26
|
-
overflow: hidden;
|
27
|
-
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
28
|
-
// https://github.com/twbs/bootstrap/pull/10951.
|
29
|
-
outline: 0;
|
30
|
-
// We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
|
31
|
-
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
|
32
|
-
// See also https://github.com/twbs/bootstrap/issues/17695
|
33
|
-
}
|
34
|
-
|
35
|
-
// Shell div to position the modal with bottom padding
|
36
|
-
.modal-dialog {
|
37
|
-
position: relative;
|
38
|
-
width: auto;
|
39
|
-
margin: $modal-dialog-margin;
|
40
|
-
// allow clicks to pass through for custom click handling to close modal
|
41
|
-
pointer-events: none;
|
42
|
-
|
43
|
-
// When fading in the modal, animate it to slide down
|
44
|
-
.modal.fade & {
|
45
|
-
@include transition($modal-transition);
|
46
|
-
transform: $modal-fade-transform;
|
47
|
-
}
|
48
|
-
.modal.show & {
|
49
|
-
transform: $modal-show-transform;
|
50
|
-
}
|
51
|
-
|
52
|
-
// When trying to close, animate focus to scale
|
53
|
-
.modal.modal-static & {
|
54
|
-
transform: $modal-scale-transform;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
|
58
|
-
.modal-dialog-scrollable {
|
59
|
-
display: flex; // IE10/11
|
60
|
-
max-height: subtract(100%, $modal-dialog-margin * 2);
|
61
|
-
|
62
|
-
.modal-content {
|
63
|
-
max-height: subtract(100vh, $modal-dialog-margin * 2); // IE10/11
|
64
|
-
overflow: hidden;
|
65
|
-
}
|
66
|
-
|
67
|
-
.modal-header,
|
68
|
-
.modal-footer {
|
69
|
-
flex-shrink: 0;
|
70
|
-
}
|
71
|
-
|
72
|
-
.modal-body {
|
73
|
-
overflow-y: auto;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
|
77
|
-
.modal-dialog-centered {
|
78
|
-
display: flex;
|
79
|
-
align-items: center;
|
80
|
-
min-height: subtract(100%, $modal-dialog-margin * 2);
|
81
|
-
|
82
|
-
// Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
|
83
|
-
&::before {
|
84
|
-
display: block; // IE10
|
85
|
-
height: subtract(100vh, $modal-dialog-margin * 2);
|
86
|
-
height: min-content; // Reset height to 0 except on IE
|
87
|
-
content: "";
|
88
|
-
}
|
89
|
-
|
90
|
-
// Ensure `.modal-body` shows scrollbar (IE10/11)
|
91
|
-
&.modal-dialog-scrollable {
|
92
|
-
flex-direction: column;
|
93
|
-
justify-content: center;
|
94
|
-
height: 100%;
|
95
|
-
|
96
|
-
.modal-content {
|
97
|
-
max-height: none;
|
98
|
-
}
|
99
|
-
|
100
|
-
&::before {
|
101
|
-
content: none;
|
102
|
-
}
|
103
|
-
}
|
104
|
-
}
|
105
|
-
|
106
|
-
// Actual modal
|
107
|
-
.modal-content {
|
108
|
-
position: relative;
|
109
|
-
display: flex;
|
110
|
-
flex-direction: column;
|
111
|
-
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
|
112
|
-
// counteract the pointer-events: none; in the .modal-dialog
|
113
|
-
color: $modal-content-color;
|
114
|
-
pointer-events: auto;
|
115
|
-
background-color: $modal-content-bg;
|
116
|
-
background-clip: padding-box;
|
117
|
-
border: $modal-content-border-width solid $modal-content-border-color;
|
118
|
-
@include border-radius($modal-content-border-radius);
|
119
|
-
@include box-shadow($modal-content-box-shadow-xs);
|
120
|
-
// Remove focus outline from opened modal
|
121
|
-
outline: 0;
|
122
|
-
}
|
123
|
-
|
124
|
-
// Modal background
|
125
|
-
.modal-backdrop {
|
126
|
-
position: fixed;
|
127
|
-
top: 0;
|
128
|
-
left: 0;
|
129
|
-
z-index: $zindex-modal-backdrop;
|
130
|
-
width: 100vw;
|
131
|
-
height: 100vh;
|
132
|
-
background-color: $modal-backdrop-bg;
|
133
|
-
|
134
|
-
// Fade for backdrop
|
135
|
-
&.fade { opacity: 0; }
|
136
|
-
&.show { opacity: $modal-backdrop-opacity; }
|
137
|
-
}
|
138
|
-
|
139
|
-
// Modal header
|
140
|
-
// Top section of the modal w/ title and dismiss
|
141
|
-
.modal-header {
|
142
|
-
display: flex;
|
143
|
-
align-items: flex-start; // so the close btn always stays on the upper right corner
|
144
|
-
justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
|
145
|
-
padding: $modal-header-padding;
|
146
|
-
border-bottom: $modal-header-border-width solid $modal-header-border-color;
|
147
|
-
@include border-top-radius($modal-content-inner-border-radius);
|
148
|
-
|
149
|
-
.close {
|
150
|
-
padding: $modal-header-padding;
|
151
|
-
// auto on the left force icon to the right even when there is no .modal-title
|
152
|
-
margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
|
153
|
-
}
|
154
|
-
}
|
155
|
-
|
156
|
-
// Title text within header
|
157
|
-
.modal-title {
|
158
|
-
margin-bottom: 0;
|
159
|
-
line-height: $modal-title-line-height;
|
160
|
-
}
|
161
|
-
|
162
|
-
// Modal body
|
163
|
-
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
164
|
-
.modal-body {
|
165
|
-
position: relative;
|
166
|
-
// Enable `flex-grow: 1` so that the body take up as much space as possible
|
167
|
-
// when there should be a fixed height on `.modal-dialog`.
|
168
|
-
flex: 1 1 auto;
|
169
|
-
padding: $modal-inner-padding;
|
170
|
-
}
|
171
|
-
|
172
|
-
// Footer (for actions)
|
173
|
-
.modal-footer {
|
174
|
-
display: flex;
|
175
|
-
flex-wrap: wrap;
|
176
|
-
align-items: center; // vertically center
|
177
|
-
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
|
178
|
-
padding: $modal-inner-padding - $modal-footer-margin-between / 2;
|
179
|
-
border-top: $modal-footer-border-width solid $modal-footer-border-color;
|
180
|
-
@include border-bottom-radius($modal-content-inner-border-radius);
|
181
|
-
|
182
|
-
// Place margin between footer elements
|
183
|
-
// This solution is far from ideal because of the universal selector usage,
|
184
|
-
// but is needed to fix https://github.com/twbs/bootstrap/issues/24800
|
185
|
-
> * {
|
186
|
-
margin: $modal-footer-margin-between / 2;
|
187
|
-
}
|
188
|
-
}
|
189
|
-
|
190
|
-
// Measure scrollbar width for padding body during modal show/hide
|
191
|
-
.modal-scrollbar-measure {
|
192
|
-
position: absolute;
|
193
|
-
top: -9999px;
|
194
|
-
width: 50px;
|
195
|
-
height: 50px;
|
196
|
-
overflow: scroll;
|
197
|
-
}
|
198
|
-
|
199
|
-
// Scale up the modal
|
200
|
-
@include media-breakpoint-up(sm) {
|
201
|
-
// Automatically set modal's width for larger viewports
|
202
|
-
.modal-dialog {
|
203
|
-
max-width: $modal-md;
|
204
|
-
margin: $modal-dialog-margin-y-sm-up auto;
|
205
|
-
}
|
206
|
-
|
207
|
-
.modal-dialog-scrollable {
|
208
|
-
max-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
|
209
|
-
|
210
|
-
.modal-content {
|
211
|
-
max-height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
|
212
|
-
}
|
213
|
-
}
|
214
|
-
|
215
|
-
.modal-dialog-centered {
|
216
|
-
min-height: subtract(100%, $modal-dialog-margin-y-sm-up * 2);
|
217
|
-
|
218
|
-
&::before {
|
219
|
-
height: subtract(100vh, $modal-dialog-margin-y-sm-up * 2);
|
220
|
-
height: min-content;
|
221
|
-
}
|
222
|
-
}
|
223
|
-
|
224
|
-
.modal-content {
|
225
|
-
@include box-shadow($modal-content-box-shadow-sm-up);
|
226
|
-
}
|
227
|
-
|
228
|
-
.modal-sm { max-width: $modal-sm; }
|
229
|
-
}
|
230
|
-
|
231
|
-
@include media-breakpoint-up(lg) {
|
232
|
-
.modal-lg,
|
233
|
-
.modal-xl {
|
234
|
-
max-width: $modal-lg;
|
235
|
-
}
|
236
|
-
}
|
237
|
-
|
238
|
-
@include media-breakpoint-up(xl) {
|
239
|
-
.modal-xl { max-width: $modal-xl; }
|
240
|
-
}
|
@@ -1,123 +0,0 @@
|
|
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
|
-
}
|
@@ -1,318 +0,0 @@
|
|
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
|
-
}
|