Added base styles, variables, and mixins

src/styles/mixins/grids.css

@@ -0,0 +1,20 @@
+@define-mixin grid-col $col $spacing {
+  display: grid;
+  grid-template-columns: repeat($col, minmax(0, 1fr));
+  gap: $spacing;
+}
+
+
+@define-mixin grid-rows $row $spacing {
+  display: grid;
+  grid-template-rows: repeat(1, minmax(0, 1fr));
+  gap: $spacing;
+}
+
+@define-mixin grid-col-span $span {
+  grid-column: span $span / span $span;
+}
+
+@define-mixin grid-row-span $span {
+  grid-row: span $span / span $span;
+}