41 lines
1.2 KiB
CSS
41 lines
1.2 KiB
CSS
/*
|
|
* @file
|
|
* Provides the layout styles for two-column layout section.
|
|
*/
|
|
|
|
.layout--twocol-section {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.layout--twocol-section > .layout__region {
|
|
flex: 0 1 100%;
|
|
}
|
|
|
|
@media screen and (min-width: 40em) {
|
|
.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
|
|
.layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
|
|
flex: 0 1 50%;
|
|
}
|
|
|
|
.layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
|
|
.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
|
|
flex: 0 1 33%;
|
|
}
|
|
|
|
.layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
|
|
.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
|
|
flex: 0 1 67%;
|
|
}
|
|
|
|
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
|
|
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
|
|
flex: 0 1 25%;
|
|
}
|
|
|
|
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
|
|
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
|
|
flex: 0 1 75%;
|
|
}
|
|
}
|