}
@mixin foundation-top-bar {
- // Top bar container
.top-bar {
@include top-bar-container;
-
+ }
+ .top-bar {
// Stack on small screens by default
@include top-bar-stacked;
-
+ }
+ // Top bar container
+ .top-bar {
@include breakpoint($topbar-unstack-breakpoint) {
@include top-bar-unstack;
}
@for $i from 1 through $grid-column-count {
// Column width
.#{$-zf-size}-#{$i} {
- @include grid-col-size($i);
+ @include grid-column-size($i);
}
// Source ordering
$columns: $grid-column-count,
$gutters: $grid-column-gutter
) {
+ float: $global-left;
+
+ @include grid-column-size($columns);
+
// Gutters
@include grid-column-gutter($gutters: $gutters);
// Position
@include grid-col-pos(auto);
- @include grid-column-size($columns);
- float: $global-left;
}
/// Creates a grid column row. This is the equivalent of adding `.row` and `.column` to the same element.