Merge pull request #15 from Paul-Annay/adding-grid-style-properties

[Enhancement]: Added rest of the CSS grid properties
chasefleming · Oct 22, 2023 · 1282757 · 1282757
2 parents 6917aae + 7517bb8
commit 1282757
Showing 1 changed file with 34 additions and 25 deletions.
diff --git a/styles/styles.go b/styles/styles.go
@@ -2,31 +2,40 @@ package styles
 
 const (
 	// Layout Properties
-	Display         = "display"
-	Position        = "position"
-	Top             = "top"
-	Right           = "right"
-	Bottom          = "bottom"
-	Left            = "left"
-	Overflow        = "overflow"
-	OverflowX       = "overflow-x"
-	OverflowY       = "overflow-y"
-	ZIndex          = "z-index"
-	Flex            = "flex"
-	FlexDirection   = "flex-direction"
-	JustifyContent  = "justify-content"
-	AlignItems      = "align-items"
-	AlignContent    = "align-content"
-	FlexWrap        = "flex-wrap"
-	Grid            = "grid"
-	GridArea        = "grid-area"
-	GridColumn      = "grid-column"
-	GridColumnEnd   = "grid-column-end"
-	GridColumnStart = "grid-column-start"
-	GridRow         = "grid-row"
-	GridRowEnd      = "grid-row-end"
-	GridRowStart    = "grid-row-start"
-	GridTemplate    = "grid-template"
+	Display             = "display"
+	Position            = "position"
+	Top                 = "top"
+	Right               = "right"
+	Bottom              = "bottom"
+	Left                = "left"
+	Overflow            = "overflow"
+	OverflowX           = "overflow-x"
+	OverflowY           = "overflow-y"
+	ZIndex              = "z-index"
+	Flex                = "flex"
+	FlexDirection       = "flex-direction"
+	JustifyContent      = "justify-content"
+	AlignItems          = "align-items"
+	AlignContent        = "align-content"
+	FlexWrap            = "flex-wrap"
+	Grid                = "grid"
+	GridArea            = "grid-area"
+	GridAutoColumns     = "grid-auto-columns"
+	GridAutoFlow        = "grid-auto-flow"
+	GridAutoRows        = "grid-auto-rows"
+	GridColumn          = "grid-column"
+	GridColumnEnd       = "grid-column-end"
+	ColumnGap           = "column-gap"
+	GridColumnStart     = "grid-column-start"
+	GridRow             = "grid-row"
+	Gap                 = "gap"
+	GridRowEnd          = "grid-row-end"
+	RowGap              = "row-gap"
+	GridRowStart        = "grid-row-start"
+	GridTemplate        = "grid-template"
+	GridTemplateAreas   = "grid-template-areas"
+	GridTemplateColumns = "grid-template-columns"
+	GridTemplateRows    = "grid-template-rows"
 
 	// Box Model Properties
 	Width         = "width"