Make .split columns work correctly with sub-divs

This commit is contained in:
Robbie Antenesse 2019-05-23 17:21:50 -06:00
parent 24a5baa545
commit 59624fb0c4
1 changed files with 7 additions and 7 deletions

View File

@ -164,7 +164,7 @@ span .tag {
.split { .split {
display: block; display: block;
div { & > div {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin: 0; margin: 0;
@ -176,24 +176,24 @@ span .tag {
} }
} }
&.two div { &.two > div {
width: 46%; width: 46%;
} }
&.three div, &.three > div,
div.third { & > div.third {
width: 30%; width: 30%;
} }
div.two-third { & > div.two-third {
width: 66%; width: 66%;
} }
div.quarter { & > div.quarter {
width: 22%; width: 22%;
} }
div.three-quarter { & > div.three-quarter {
width: 72%; width: 72%;
} }
} }