29 lines
606 B
Twig
29 lines
606 B
Twig
|
.layout--{{ layout_machine_name|u2h }} {
|
||
|
|
display: flex;
|
||
|
|
gap: 1rem;
|
||
|
|
padding: 1rem;
|
||
|
|
outline: solid 1px orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout--{{ layout_machine_name|u2h }} > .layout__region {
|
||
|
|
padding: 1rem;
|
||
|
|
outline: solid 1px orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout--{{ layout_machine_name|u2h }} > .layout__region--main {
|
||
|
|
flex-basis: 66%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.layout--{{ layout_machine_name|u2h }} > .layout__region--sidebar {
|
||
|
|
flex-basis: 33%;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media all and (max-width: 850px) {
|
||
|
|
.layout--{{ layout_machine_name|u2h }} {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.layout--{{ layout_machine_name|u2h }} > .layout__region {
|
||
|
|
flex-basis: auto;
|
||
|
|
}
|
||
|
|
}
|