1 files changed, 26 insertions, 0 deletions

diff --git a/assets/css/layouts/_media.scss b/assets/css/layouts/_media.scss
new file mode 100644
index 0000000..c4ad222
--- /dev/null
+++ b/assets/css/layouts/_media.scss
@@ -0,0 +1,26 @@
+@use 'iro-sass/src/index' as iro;
+@use 'iro-design/src/functions' as fn;
+
+@include iro.props-namespace('media') {
+    @include iro.props-store((
+        --dims: (
+            --pad-x: fn.global-dim(--size --200),
+            --pad-y: fn.global-dim(--size --150),
+
+            --75: (
+                --pad-x: fn.global-dim(--size --150),
+                --pad-y: fn.global-dim(--size --85),
+            ),
+
+            --200: (
+                --pad-x: fn.global-dim(--size --450),
+                --pad-y: fn.global-dim(--size --225),
+            ),
+            
+            --300: (
+                --pad-x: fn.global-dim(--size --450),
+                --pad-y: fn.global-dim(--size --225),
+            )
+        )
+    ), 'dims');
+}