From f50dedaaaf2d6d95beb7c1efa8b561e894eb03e7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 6 Jan 2016 16:01:00 -0800 Subject: Move grid flex classes to utils instead maybe? --- scss/_grid.scss | 37 ------------------------------------- 1 file changed, 37 deletions(-) (limited to 'scss/_grid.scss') diff --git a/scss/_grid.scss b/scss/_grid.scss index de5b8fc4d..78a0d91a9 100644 --- a/scss/_grid.scss +++ b/scss/_grid.scss @@ -50,40 +50,3 @@ @include make-grid-columns(); } - - -// Flex variation -// -// Custom styles for additional flex alignment options. - -@if $enable-flex and $enable-grid-classes { - - // Flex column reordering - - @each $breakpoint in map-keys($grid-breakpoints) { - @include media-breakpoint-up($breakpoint) { - .col-#{$breakpoint}-first { order: -1; } - .col-#{$breakpoint}-last { order: 1; } - } - } - - // Alignment for every column in row - - @each $breakpoint in map-keys($grid-breakpoints) { - @include media-breakpoint-up($breakpoint) { - .row-#{$breakpoint}-top { align-items: flex-start; } - .row-#{$breakpoint}-center { align-items: center; } - .row-#{$breakpoint}-bottom { align-items: flex-end; } - } - } - - // Alignment per column - - @each $breakpoint in map-keys($grid-breakpoints) { - @include media-breakpoint-up($breakpoint) { - .col-#{$breakpoint}-top { align-self: flex-start; } - .col-#{$breakpoint}-center { align-self: center; } - .col-#{$breakpoint}-bottom { align-self: flex-end; } - } - } -} -- cgit v1.2.3