Add missing files

jsonmaur · Jul 9, 2022 · 9426045 · 9426045
1 parent fdc55be
commit 9426045
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 0 deletions.
diff --git a/lib/generators/aspect-ratio/README.md b/lib/generators/aspect-ratio/README.md
@@ -0,0 +1,5 @@
+# Aspect Ratio
+
+`.aspect-auto`
+`.aspect-square`
+`.aspect-video`
diff --git a/lib/generators/aspect-ratio/index.scss b/lib/generators/aspect-ratio/index.scss
@@ -0,0 +1,5 @@
+@mixin render($pre, $app) {
+  .#{$pre}aspect-auto#{$app} { aspect-ratio: auto; }
+  .#{$pre}aspect-square#{$app} { aspect-ratio: 1 / 1; }
+  .#{$pre}aspect-video#{$app} { aspect-ratio: 16 / 9; }
+}
diff --git a/lib/generators/container/README.md b/lib/generators/container/README.md
@@ -0,0 +1,5 @@
+# Container
+
+A component for fixing an element's width to the current breakpoint.
+
+`.container`
diff --git a/lib/generators/container/index.scss b/lib/generators/container/index.scss
@@ -0,0 +1,14 @@
+@use "../../config";
+@use "../../forward/media";
+
+@mixin render($pre, $app) {
+  .#{$pre}container#{$app} {
+    width: 100%;
+
+    @each $key, $value in config.$screens {
+      @include media.media-up-to($key) {
+        max-width: $value;
+      }
+    }
+  }
+}