--- /dev/null
+.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;
+ }
+}