added extra sizes

AccentDesign · May 29, 2024 · 84a2307 · 84a2307
1 parent 5e045c8
commit 84a2307
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 36 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file.
 
+### v0.0.9
+
+Added new variables:
+
+- extra sizes
+
 ### v0.0.8
 
 Added new variables:

diff --git a/examples/styles/badges.go b/examples/styles/badges.go
@@ -12,7 +12,7 @@ var Badges = []gcss.Style{
 		Props: gcss.Props{
 			AlignItems:    props.AlignItemsCenter,
 			Display:       props.DisplayInlineFlex,
-			BorderRadius:  variables.SizeFull,
+			BorderRadius:  variables.FullRounded,
 			FontSize:      variables.Size3H,
 			FontWeight:    props.FontWeightMedium,
 			LineHeight:    variables.Size4,

diff --git a/variables/sizes.go b/variables/sizes.go
@@ -3,39 +3,42 @@ package variables
 import "github.com/AccentDesign/gcss/props"
 
 var (
-	Size0    = props.UnitRaw(0)
-	Size0H   = props.UnitRem(0.125)
-	Size1    = props.UnitRem(0.25)
-	Size1H   = props.UnitRem(0.375)
-	Size2    = props.UnitRem(0.5)
-	Size2H   = props.UnitRem(0.625)
-	Size3    = props.UnitRem(0.75)
-	Size3H   = props.UnitRem(0.875)
-	Size4    = props.UnitRem(1)
-	Size5    = props.UnitRem(1.25)
-	Size6    = props.UnitRem(1.5)
-	Size7    = props.UnitRem(1.75)
-	Size8    = props.UnitRem(2)
-	Size9    = props.UnitRem(2.25)
-	Size10   = props.UnitRem(2.5)
-	Size11   = props.UnitRem(2.75)
-	Size12   = props.UnitRem(3)
-	Size14   = props.UnitRem(3.5)
-	Size16   = props.UnitRem(4)
-	Size20   = props.UnitRem(5)
-	Size24   = props.UnitRem(6)
-	Size28   = props.UnitRem(7)
-	Size32   = props.UnitRem(8)
-	Size36   = props.UnitRem(9)
-	Size40   = props.UnitRem(10)
-	Size44   = props.UnitRem(11)
-	Size48   = props.UnitRem(12)
-	Size52   = props.UnitRem(13)
-	Size56   = props.UnitRem(14)
-	Size60   = props.UnitRem(15)
-	Size64   = props.UnitRem(16)
-	Size72   = props.UnitRem(18)
-	Size80   = props.UnitRem(20)
-	Size96   = props.UnitRem(24)
-	SizeFull = props.UnitPx(9999)
+	Size0            = props.UnitRaw(0)
+	Size0H           = props.UnitRem(0.125)
+	Size1            = props.UnitRem(0.25)
+	Size1H           = props.UnitRem(0.375)
+	Size2            = props.UnitRem(0.5)
+	Size2H           = props.UnitRem(0.625)
+	Size3            = props.UnitRem(0.75)
+	Size3H           = props.UnitRem(0.875)
+	Size4            = props.UnitRem(1)
+	Size5            = props.UnitRem(1.25)
+	Size6            = props.UnitRem(1.5)
+	Size7            = props.UnitRem(1.75)
+	Size8            = props.UnitRem(2)
+	Size9            = props.UnitRem(2.25)
+	Size10           = props.UnitRem(2.5)
+	Size11           = props.UnitRem(2.75)
+	Size12           = props.UnitRem(3)
+	Size14           = props.UnitRem(3.5)
+	Size16           = props.UnitRem(4)
+	Size20           = props.UnitRem(5)
+	Size24           = props.UnitRem(6)
+	Size28           = props.UnitRem(7)
+	Size32           = props.UnitRem(8)
+	Size36           = props.UnitRem(9)
+	Size40           = props.UnitRem(10)
+	Size44           = props.UnitRem(11)
+	Size48           = props.UnitRem(12)
+	Size52           = props.UnitRem(13)
+	Size56           = props.UnitRem(14)
+	Size60           = props.UnitRem(15)
+	Size64           = props.UnitRem(16)
+	Size72           = props.UnitRem(18)
+	Size80           = props.UnitRem(20)
+	Size96           = props.UnitRem(24)
+	Full             = props.UnitPercent(100)
+	FullRounded      = props.UnitPx(9999)
+	FullScreenHeight = props.UnitVh(100)
+	FullScreenWidth  = props.UnitVw(100)
 )