address issue of row state classes having to be nested
This commit is contained in:
parent
70ad8c1ae0
commit
1784a30e01
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user