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.
Files changed (94) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/sass/{spa_landing-nav.scss → spa_landing-creative-nav.scss} +1 -4
  3. data/lib/viniBaxter/sass/{spa_landing-basic-nav.scss → spa_landing-initial-nav.scss} +1 -4
  4. data/lib/viniBaxter/sass/spa_landing/theme/both_gems/jumbotrons/_jubo-home.scss +4 -3
  5. data/lib/viniBaxter/spa_landing/version.rb +9 -1
  6. metadata +4 -92
  7. data/lib/viniBaxter/sass/bootstrap/_alert.scss +0 -51
  8. data/lib/viniBaxter/sass/bootstrap/_badge.scss +0 -54
  9. data/lib/viniBaxter/sass/bootstrap/_breadcrumb.scss +0 -44
  10. data/lib/viniBaxter/sass/bootstrap/_button-group.scss +0 -163
  11. data/lib/viniBaxter/sass/bootstrap/_buttons.scss +0 -203
  12. data/lib/viniBaxter/sass/bootstrap/_card.scss +0 -286
  13. data/lib/viniBaxter/sass/bootstrap/_carousel.scss +0 -197
  14. data/lib/viniBaxter/sass/bootstrap/_close.scss +0 -40
  15. data/lib/viniBaxter/sass/bootstrap/_code.scss +0 -48
  16. data/lib/viniBaxter/sass/bootstrap/_custom-forms.scss +0 -556
  17. data/lib/viniBaxter/sass/bootstrap/_dropdown.scss +0 -192
  18. data/lib/viniBaxter/sass/bootstrap/_forms.scss +0 -364
  19. data/lib/viniBaxter/sass/bootstrap/_grid.scss +0 -86
  20. data/lib/viniBaxter/sass/bootstrap/_images.scss +0 -42
  21. data/lib/viniBaxter/sass/bootstrap/_input-group.scss +0 -192
  22. data/lib/viniBaxter/sass/bootstrap/_jumbotron.scss +0 -17
  23. data/lib/viniBaxter/sass/bootstrap/_list-group.scss +0 -154
  24. data/lib/viniBaxter/sass/bootstrap/_media.scss +0 -8
  25. data/lib/viniBaxter/sass/bootstrap/_mixins.scss +0 -47
  26. data/lib/viniBaxter/sass/bootstrap/_modal.scss +0 -240
  27. data/lib/viniBaxter/sass/bootstrap/_nav.scss +0 -123
  28. data/lib/viniBaxter/sass/bootstrap/_navbar.scss +0 -318
  29. data/lib/viniBaxter/sass/bootstrap/_pagination.scss +0 -74
  30. data/lib/viniBaxter/sass/bootstrap/_popover.scss +0 -170
  31. data/lib/viniBaxter/sass/bootstrap/_print.scss +0 -141
  32. data/lib/viniBaxter/sass/bootstrap/_progress.scss +0 -47
  33. data/lib/viniBaxter/sass/bootstrap/_reboot.scss +0 -498
  34. data/lib/viniBaxter/sass/bootstrap/_root.scss +0 -20
  35. data/lib/viniBaxter/sass/bootstrap/_spinners.scss +0 -56
  36. data/lib/viniBaxter/sass/bootstrap/_tables.scss +0 -185
  37. data/lib/viniBaxter/sass/bootstrap/_toasts.scss +0 -46
  38. data/lib/viniBaxter/sass/bootstrap/_tooltip.scss +0 -115
  39. data/lib/viniBaxter/sass/bootstrap/_transitions.scss +0 -20
  40. data/lib/viniBaxter/sass/bootstrap/_type.scss +0 -149
  41. data/lib/viniBaxter/sass/bootstrap/_utilities.scss +0 -18
  42. data/lib/viniBaxter/sass/bootstrap/bootstrap-grid.scss +0 -29
  43. data/lib/viniBaxter/sass/bootstrap/bootstrap-reboot.scss +0 -12
  44. data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -42
  45. data/lib/viniBaxter/sass/bootstrap/mixins/_alert.scss +0 -13
  46. data/lib/viniBaxter/sass/bootstrap/mixins/_background-variant.scss +0 -23
  47. data/lib/viniBaxter/sass/bootstrap/mixins/_badge.scss +0 -17
  48. data/lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss +0 -76
  49. data/lib/viniBaxter/sass/bootstrap/mixins/_box-shadow.scss +0 -20
  50. data/lib/viniBaxter/sass/bootstrap/mixins/_breakpoints.scss +0 -123
  51. data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -153
  52. data/lib/viniBaxter/sass/bootstrap/mixins/_caret.scss +0 -62
  53. data/lib/viniBaxter/sass/bootstrap/mixins/_clearfix.scss +0 -7
  54. data/lib/viniBaxter/sass/bootstrap/mixins/_deprecate.scss +0 -10
  55. data/lib/viniBaxter/sass/bootstrap/mixins/_float.scss +0 -14
  56. data/lib/viniBaxter/sass/bootstrap/mixins/_forms.scss +0 -178
  57. data/lib/viniBaxter/sass/bootstrap/mixins/_gradients.scss +0 -45
  58. data/lib/viniBaxter/sass/bootstrap/mixins/_grid-framework.scss +0 -80
  59. data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +0 -72
  60. data/lib/viniBaxter/sass/bootstrap/mixins/_hover.scss +0 -37
  61. data/lib/viniBaxter/sass/bootstrap/mixins/_image.scss +0 -36
  62. data/lib/viniBaxter/sass/bootstrap/mixins/_list-group.scss +0 -21
  63. data/lib/viniBaxter/sass/bootstrap/mixins/_lists.scss +0 -7
  64. data/lib/viniBaxter/sass/bootstrap/mixins/_nav-divider.scss +0 -11
  65. data/lib/viniBaxter/sass/bootstrap/mixins/_pagination.scss +0 -22
  66. data/lib/viniBaxter/sass/bootstrap/mixins/_reset-text.scss +0 -17
  67. data/lib/viniBaxter/sass/bootstrap/mixins/_resize.scss +0 -6
  68. data/lib/viniBaxter/sass/bootstrap/mixins/_screen-reader.scss +0 -34
  69. data/lib/viniBaxter/sass/bootstrap/mixins/_size.scss +0 -7
  70. data/lib/viniBaxter/sass/bootstrap/mixins/_table-row.scss +0 -39
  71. data/lib/viniBaxter/sass/bootstrap/mixins/_text-emphasis.scss +0 -17
  72. data/lib/viniBaxter/sass/bootstrap/mixins/_text-hide.scss +0 -11
  73. data/lib/viniBaxter/sass/bootstrap/mixins/_text-truncate.scss +0 -8
  74. data/lib/viniBaxter/sass/bootstrap/mixins/_transition.scss +0 -26
  75. data/lib/viniBaxter/sass/bootstrap/mixins/_visibility.scss +0 -8
  76. data/lib/viniBaxter/sass/bootstrap/utilities/_align.scss +0 -8
  77. data/lib/viniBaxter/sass/bootstrap/utilities/_background.scss +0 -19
  78. data/lib/viniBaxter/sass/bootstrap/utilities/_borders.scss +0 -75
  79. data/lib/viniBaxter/sass/bootstrap/utilities/_clearfix.scss +0 -3
  80. data/lib/viniBaxter/sass/bootstrap/utilities/_display.scss +0 -26
  81. data/lib/viniBaxter/sass/bootstrap/utilities/_embed.scss +0 -39
  82. data/lib/viniBaxter/sass/bootstrap/utilities/_flex.scss +0 -51
  83. data/lib/viniBaxter/sass/bootstrap/utilities/_float.scss +0 -11
  84. data/lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss +0 -5
  85. data/lib/viniBaxter/sass/bootstrap/utilities/_overflow.scss +0 -5
  86. data/lib/viniBaxter/sass/bootstrap/utilities/_position.scss +0 -34
  87. data/lib/viniBaxter/sass/bootstrap/utilities/_screenreaders.scss +0 -11
  88. data/lib/viniBaxter/sass/bootstrap/utilities/_shadows.scss +0 -6
  89. data/lib/viniBaxter/sass/bootstrap/utilities/_sizing.scss +0 -20
  90. data/lib/viniBaxter/sass/bootstrap/utilities/_spacing.scss +0 -73
  91. data/lib/viniBaxter/sass/bootstrap/utilities/_stretched-link.scss +0 -19
  92. data/lib/viniBaxter/sass/bootstrap/utilities/_text.scss +0 -72
  93. data/lib/viniBaxter/sass/bootstrap/utilities/_visibility.scss +0 -13
  94. data/lib/viniBaxter/sass/bootstrap/vendor/_rfs.scss +0 -204
@@ -1,8 +0,0 @@
1
- .media {
2
- display: flex;
3
- align-items: flex-start;
4
- }
5
-
6
- .media-body {
7
- flex: 1;
8
- }
@@ -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
- }