viniBaxter-spa_landing 31.0.0 → 32.0.0

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