address issue of row state classes having to be nested

This commit is contained in:
Jack McNicol 2016-07-08 01:48:48 +09:30
parent 70ad8c1ae0
commit 1784a30e01

View File

@ -21,10 +21,10 @@
padding: 0 padding: 0
width: 100% width: 100%
.row-wrap &.row-wrap
flex-wrap: wrap flex-wrap: wrap
.row-no-padding &.row-no-padding
padding: 0 padding: 0
&> .column &> .column
@ -36,19 +36,19 @@
// Vertically Align Columns // Vertically Align Columns
// .row-* vertically aligns every .col in the .row // .row-* vertically aligns every .col in the .row
.row-top &.row-top
align-items: flex-start align-items: flex-start
.row-bottom &.row-bottom
align-items: flex-end align-items: flex-end
.row-center &.row-center
align-items: center align-items: center
.row-stretch &.row-stretch
align-items: stretch align-items: stretch
.row-baseline &.row-baseline
align-items: baseline align-items: baseline
.column .column