v1/vendor/chi-teck/drupal-code-generator/templates/layout/styles.twig

29 lines
589 B
Twig

.layout--{{ layout_machine_name|u2h }} {
outline: solid 1px orange;
display: flex;
padding: 10px;
}
.layout--{{ layout_machine_name|u2h }} > .layout__region {
outline: solid 1px orange;
margin: 10px;
padding: 20px;
}
.layout--{{ layout_machine_name|u2h }} .layout__region--main {
width: 66%;
}
.layout--{{ layout_machine_name|u2h }} .layout__region--sidebar {
width: 33%;
}
@media all and (max-width: 850px) {
.layout--{{ layout_machine_name|u2h }} {
flex-direction: column;
}
.layout--{{ layout_machine_name|u2h }} > .layout__region {
width: auto;
}
}