Updated to Drupal 8.5. Core Media not yet in use.
[yaffs-website] / vendor / chi-teck / drupal-code-generator / templates / d8 / _layout / styles.twig
diff --git a/vendor/chi-teck/drupal-code-generator/templates/d8/_layout/styles.twig b/vendor/chi-teck/drupal-code-generator/templates/d8/_layout/styles.twig
new file mode 100644 (file)
index 0000000..9b969d2
--- /dev/null
@@ -0,0 +1,28 @@
+.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;
+  }
+}