@mixin foundation-flex-classes {
- $-zf-flex-classes-imported: true !global;
-
// Horizontal alignment using justify-content
@each $hdir, $prop in map-remove($-zf-flex-justify, left) {
.align-#{$hdir} {
@mixin foundation-menu-icon {
- $-zf-menu-icon-imported: true !global;
-
.menu-icon {
@include hamburger($color: $titlebar-icon-color, $color-hover: $titlebar-icon-color-hover);
}
display: inline-block;
}
- // Remove this in 6.3
- @if not $-zf-menu-icon-imported {
- @warn 'In Foundation 6.2, a new component mixin was added called "foundation-menu-icon". Add "@import foundation-menu-icon" to the main Sass file of your project to remove this warning.';
- @include foundation-menu-icon;
- }
-
.menu-icon.dark {
@include hamburger;
}
.#{$-zf-size}-order-#{$i} {
@include flex-order($i);
}
+
.#{$-zf-size}-up-#{$i} {
@include flex-grid-layout($i);
}
// scss-lint:disable PlaceholderInExtend
@extend .column;
}
-
- // Remove this in 6.3
- @if not $-zf-flex-classes-imported {
- @warn 'In Foundation 6.2, a new component mixin was added called "foundation-flex-classes". Add "@import foundation-flex-classes" to the main Sass file of your project, above "@import foundation-flex-grid", to remove this warning.';
- @include foundation-flex-classes;
- }
}
$grid-column-responsive-gutter: null !default;
@if $grid-column-responsive-gutter {
// scss-lint:disable DebugStatement
- @debug 'Rename $grid-column-responsive-gutter to $grid-column-gutter to remove this warning.';
+ @warn 'Rename $grid-column-responsive-gutter to $grid-column-gutter to remove this warning.';
$grid-column-gutter: $grid-column-responsive-gutter;
}