aboutsummaryrefslogtreecommitdiffstats
path: root/app/assets/stylesheets/layout/_grid.scss
diff options
context:
space:
mode:
authorsadbeast <sadbeast@sadbeast.com>2024-01-31 17:47:56 -0800
committersadbeast <sadbeast@sadbeast.com>2024-01-31 17:47:56 -0800
commit332ec93366315fa1ed7b4acd7a3407c96e8ddfa7 (patch)
tree6ae553317f12a7a6a29c849c8805ffab96436dc2 /app/assets/stylesheets/layout/_grid.scss
downloadtd-332ec93366315fa1ed7b4acd7a3407c96e8ddfa7.tar.gz
td-332ec93366315fa1ed7b4acd7a3407c96e8ddfa7.tar.bz2
initial mistakeHEADmain
Diffstat (limited to 'app/assets/stylesheets/layout/_grid.scss')
-rw-r--r--app/assets/stylesheets/layout/_grid.scss24
1 files changed, 24 insertions, 0 deletions
diff --git a/app/assets/stylesheets/layout/_grid.scss b/app/assets/stylesheets/layout/_grid.scss
new file mode 100644
index 0000000..572312b
--- /dev/null
+++ b/app/assets/stylesheets/layout/_grid.scss
@@ -0,0 +1,24 @@
+@if ($enable-classes and $enable-grid) {
+ /**
+ * Grid
+ * Minimal grid system with auto-layout columns
+ */
+
+ .grid {
+ grid-column-gap: var(--grid-spacing-horizontal);
+ grid-row-gap: var(--grid-spacing-vertical);
+ display: grid;
+ grid-template-columns: 1fr;
+ margin: 0;
+
+ @if map-get($breakpoints, "lg") {
+ @media (min-width: map-get($breakpoints, "lg")) {
+ grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
+ }
+ }
+
+ & > * {
+ min-width: 0; // HACK for childs in overflow
+ }
+ }
+}