Doc Foundation 6 – Flex Grid – @mixin flex-grid-size
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.footer { padding: $global-padding 0; @include flex-grid-row( $gutters: 0); &-column { @include flex-grid-size( $columns: 22.22222%); &:last-child { @include flex-grid-size( $columns: 33.33333%); } } } |
Une rangée basée sur 8 colonnes
1 2 3 4 5 6 7 8 9 10 11 12 |
.row-8 { @include flex-grid-row($columns: 8); .column { @include flex-grid-column($columns: 1/8); &.large-6 { @include flex-grid-column($columns: 6/8); } } .columns { @extend .column; } } |