Merge pull request #307 from helsingborg-stad/feature/group-fluid-grid

Feature: Fluid grid parameter
helsingborg-stad · Jul 10, 2023 · 2f7fa72 · 2f7fa72
2 parents 838fc5a + e30baff
commit 2f7fa72
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/source/php/Component/Group/Group.php b/source/php/Component/Group/Group.php
@@ -13,6 +13,11 @@ public function init()
         //Extract array for eazy access (fetch only)
         extract($this->data);
 
+        if (!empty($fluidGrid)) {
+            $this->data['containerAware'] = true;
+            $this->data['classList'][] = $this->getBaseClass('fluid-grid', true);
+        }
+
         if ($direction == "vertical") {
             $this->data['classList'][] = $this->getBaseClass() . "--vertical";
         } else {

diff --git a/source/php/Component/Group/group.json b/source/php/Component/Group/group.json
@@ -9,7 +9,8 @@
         "wrap": "",
         "flexGrow": false,
         "flexShrink": true,
-        "gap": ""
+        "gap": "",
+        "fluidGrid": false
     },
     "description": {
         "direction": "What direction to group (horizontal or vertical)",
@@ -20,12 +21,14 @@
         "wrap": "Wrap the content (ex. nowrap, wrap, wrap-reverse)",
         "flexGrow": "Allow to grow the content within the group",
         "flexShrink": "Allow to shrink the content within the group",
-        "gap": "A number between 1-10 that sets the gap between flexed elements."
+        "gap": "A number between 1-10 that sets the gap between flexed elements.",
+        "fluidGrid": "Uses flexbox and media queries to determine amount of items per row."
     },
     "view": "group.blade.php",
     "dependency": {
         "sass": {
             "components": [
+                "group"
             ]
         }
     }