Feature Update

- Responsive Layout - Mobile Support - Columns Block
2021-12-24 20:05:17 +01:00
parent 6c25961683
commit 2cd2a8f20a
18 changed files with 294 additions and 110 deletions
@@ -0,0 +1,69 @@
+// --------------------------------------------------------------------------------
+// Columns
+// --------------------------------------------------------------------------------
+.block-columns {
+}
+.block-columns > .content {
+	display: grid;
+}
+
+// Columns: Horizontal Alignment
+.block-columns > .content.halign-start,
+.block-columns > .content.halign-left {
+	align-items: start;
+}
+
+.block-columns > .content.halign-end,
+.block-columns > .content.halign-right {
+	align-items: end;
+}
+
+.block-columns > .content.halign-center,
+.block-columns > .content.halign-middle {
+	align-items: center;
+}
+
+.block-columns > .content.halign-baseline,
+.block-columns > .content.halign-text {
+	align-items: baseline;
+}
+
+.block-columns > .content.halign-stretch,
+.block-columns > .content.halign-fill {
+	align-items: stretch;
+}
+
+.block-columns > .content.valign-start,
+.block-columns > .content.valign-left {
+	justify-items: start;
+}
+
+.block-columns > .content.valign-end,
+.block-columns > .content.valign-right {
+	justify-items: end;
+}
+
+.block-columns > .content.valign-center,
+.block-columns > .content.valign-middle {
+	justify-items: center;
+}
+
+.block-columns > .content.valign-baseline,
+.block-columns > .content.valign-text {
+	justify-items: baseline;
+}
+
+.block-columns > .content.valign-stretch,
+.block-columns > .content.valign-fill {
+	justify-items: stretch;
+}
+
+// --------------------------------------------------------------------------------
+// Individual Column
+// --------------------------------------------------------------------------------
+.block-column {
+}
+
+.block-column ~ .block-column {
+	margin-top: 0;
+}