summaryrefslogtreecommitdiffstats
path: root/scss/_grid.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/_grid.scss')
-rw-r--r--scss/_grid.scss33
1 files changed, 33 insertions, 0 deletions
diff --git a/scss/_grid.scss b/scss/_grid.scss
new file mode 100644
index 0000000..0e0ba21
--- /dev/null
+++ b/scss/_grid.scss
@@ -0,0 +1,33 @@
+// Row
+//
+// Rows contain your columns.
+
+@if $enable-grid-classes {
+ .row {
+ @include make-row();
+
+ > * {
+ @include make-col-ready();
+ }
+ }
+}
+
+@if $enable-cssgrid {
+ .grid {
+ display: grid;
+ grid-template-rows: repeat(var(--#{$prefix}rows, 1), 1fr);
+ grid-template-columns: repeat(var(--#{$prefix}columns, #{$grid-columns}), 1fr);
+ gap: var(--#{$prefix}gap, #{$grid-gutter-width});
+
+ @include make-cssgrid();
+ }
+}
+
+
+// Columns
+//
+// Common styles for small and large grid columns
+
+@if $enable-grid-classes {
+ @include make-grid-columns();
+}