|
137 | 137 |
|
138 | 138 | // Generate series of `.navbar-expand-*` responsive classes for configuring
|
139 | 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, |
148 |
| - // > .container-fluid { |
149 |
| - // padding-right: 0; |
150 |
| - // padding-left: 0; |
151 |
| - // } |
152 |
| - // } |
153 |
| - // |
154 |
| - // @include media-breakpoint-up(@next) { |
155 |
| - // flex-flow: row nowrap; |
156 |
| - // justify-content: flex-start; |
157 |
| - // |
158 |
| - // .navbar-nav { |
159 |
| - // flex-direction: row; |
160 |
| - // |
161 |
| - // .dropdown-menu { |
162 |
| - // position: absolute; |
163 |
| - // } |
164 |
| - // |
165 |
| - // .nav-link { |
166 |
| - // padding-right: $navbar-nav-link-padding-x; |
167 |
| - // padding-left: $navbar-nav-link-padding-x; |
168 |
| - // } |
169 |
| - // } |
170 |
| - // |
171 |
| - // // For nesting containers, have to redeclare for alignment purposes |
172 |
| - // > .container, |
173 |
| - // > .container-fluid { |
174 |
| - // flex-wrap: nowrap; |
175 |
| - // } |
176 |
| - // |
177 |
| - // .navbar-collapse { |
178 |
| - // display: flex !important; // stylelint-disable-line declaration-no-important |
179 |
| - // |
180 |
| - // // Changes flex-bases to auto because of an IE10 bug |
181 |
| - // flex-basis: auto; |
182 |
| - // } |
183 |
| - // |
184 |
| - // .navbar-toggler { |
185 |
| - // display: none; |
186 |
| - // } |
187 |
| - // } |
188 |
| - // } |
189 |
| - //} |
190 |
| - each(keys(@grid-breakpoints), #(@breakpoint) { |
191 |
| - @next: breakpoint-next(@breakpoint, @grid-breakpoints); |
192 |
| - @infix: breakpoint-infix(@next, @grid-breakpoints); |
193 |
| - |
194 |
| - &@{infix} { |
195 |
| - #media-breakpoint-down(@breakpoint, { |
196 |
| - > .container, |
197 |
| - > .container-fluid { |
198 |
| - padding-right: 0; |
199 |
| - padding-left: 0; |
200 |
| - } |
201 |
| - }); |
202 |
| - |
203 |
| - #media-breakpoint-up(@next, { |
204 |
| - flex-flow: row nowrap; |
205 |
| - justify-content: flex-start; |
| 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, |
| 148 | +// > .container-fluid { |
| 149 | +// padding-right: 0; |
| 150 | +// padding-left: 0; |
| 151 | +// } |
| 152 | +// } |
| 153 | +// |
| 154 | +// @include media-breakpoint-up(@next) { |
| 155 | +// flex-flow: row nowrap; |
| 156 | +// justify-content: flex-start; |
| 157 | +// |
| 158 | +// .navbar-nav { |
| 159 | +// flex-direction: row; |
| 160 | +// |
| 161 | +// .dropdown-menu { |
| 162 | +// position: absolute; |
| 163 | +// } |
| 164 | +// |
| 165 | +// .nav-link { |
| 166 | +// padding-right: $navbar-nav-link-padding-x; |
| 167 | +// padding-left: $navbar-nav-link-padding-x; |
| 168 | +// } |
| 169 | +// } |
| 170 | +// |
| 171 | +// // For nesting containers, have to redeclare for alignment purposes |
| 172 | +// > .container, |
| 173 | +// > .container-fluid { |
| 174 | +// flex-wrap: nowrap; |
| 175 | +// } |
| 176 | +// |
| 177 | +// .navbar-collapse { |
| 178 | +// display: flex !important; // stylelint-disable-line declaration-no-important |
| 179 | +// |
| 180 | +// // Changes flex-bases to auto because of an IE10 bug |
| 181 | +// flex-basis: auto; |
| 182 | +// } |
| 183 | +// |
| 184 | +// .navbar-toggler { |
| 185 | +// display: none; |
| 186 | +// } |
| 187 | +// } |
| 188 | +// } |
| 189 | +// } |
| 190 | +//} |
| 191 | +each(keys(@grid-breakpoints), #(@breakpoint) { |
| 192 | + @next: breakpoint-next(@breakpoint, @grid-breakpoints); |
| 193 | + @infix: breakpoint-infix(@next, @grid-breakpoints); |
| 194 | + |
| 195 | + .navbar-expand@{infix} { |
| 196 | + #media-breakpoint-down(@breakpoint, { |
| 197 | + > .container, |
| 198 | + > .container-fluid { |
| 199 | + padding-right: 0; |
| 200 | + padding-left: 0; |
| 201 | + } |
| 202 | + }); |
206 | 203 |
|
207 |
| - .navbar-nav { |
208 |
| - flex-direction: row; |
| 204 | + #media-breakpoint-up(@next, { |
| 205 | + flex-flow: row nowrap; |
| 206 | + justify-content: flex-start; |
209 | 207 |
|
210 |
| - .dropdown-menu { |
211 |
| - position: absolute; |
212 |
| - } |
| 208 | + .navbar-nav { |
| 209 | + flex-direction: row; |
213 | 210 |
|
214 |
| - .nav-link { |
215 |
| - padding-right: @navbar-nav-link-padding-x; |
216 |
| - padding-left: @navbar-nav-link-padding-x; |
217 |
| - } |
| 211 | + .dropdown-menu { |
| 212 | + position: absolute; |
218 | 213 | }
|
219 | 214 |
|
220 |
| - // For nesting containers, have to redeclare for alignment purposes |
221 |
| - > .container, |
222 |
| - > .container-fluid { |
223 |
| - flex-wrap: nowrap; |
| 215 | + .nav-link { |
| 216 | + padding-right: @navbar-nav-link-padding-x; |
| 217 | + padding-left: @navbar-nav-link-padding-x; |
224 | 218 | }
|
| 219 | + } |
225 | 220 |
|
226 |
| - .navbar-collapse { |
227 |
| - display: flex !important; |
| 221 | + // For nesting containers, have to redeclare for alignment purposes |
| 222 | + > .container, |
| 223 | + > .container-fluid { |
| 224 | + flex-wrap: nowrap; |
| 225 | + } |
228 | 226 |
|
229 |
| - // Changes flex-bases to auto because of an IE10 bug |
230 |
| - flex-basis: auto; |
231 |
| - } |
| 227 | + .navbar-collapse { |
| 228 | + display: flex !important; |
232 | 229 |
|
233 |
| - .navbar-toggler { |
234 |
| - display: none; |
235 |
| - } |
236 |
| - }); |
237 |
| - } |
238 |
| - }); |
239 |
| -} |
| 230 | + // Changes flex-bases to auto because of an IE10 bug |
| 231 | + flex-basis: auto; |
| 232 | + } |
| 233 | + |
| 234 | + .navbar-toggler { |
| 235 | + display: none; |
| 236 | + } |
| 237 | + }); |
| 238 | + } |
| 239 | +}); |
240 | 240 |
|
241 | 241 |
|
242 | 242 | // Navbar themes
|
|
0 commit comments