Margin and Padding at 'Container Queries'

2021-03-06 21:20:18 +01:00
parent a1b95dd632
commit a483ca5ae3
5 changed files with 48 additions and 18 deletions
--- a/components/01_Layouts/dummy/_dummy.styl
+++ b/components/01_Layouts/dummy/_dummy.styl
@@ -34,16 +34,19 @@
 	
 	+RV-Element('Square')
 		min-width 300px
-		width 100%
+		--width 100%
 		min-height 300px
 		
+		height var(--height)
+		width var(--width)
+		
 		+RV-Element__Modifier('large')
-			height 500px
-			width 500px
+			--height 500px
+			--width 500px
 			
 		+RV-Element__Modifier('small')
-			height 100px
-			width 100px
+			--height 100px
+			--width 100px

 	+RV-Block__Modifier('square')
 		height 350px