Add light color helpers

docs/_data/links.json

@@ -167,6 +167,41 @@
       "icon": "font",
       "path": "/documentation/modifiers/typography-helpers"
     },
+    "helpers": {
+      "name": "Helpers",
+      "subtitle": "Apply <strong>helper classes</strong> to almost any element, in order to alter their style",
+      "color": "danger",
+      "icon": "medkit",
+      "path": "/documentation/helpers"
+    },
+    "helpers-color": {
+      "name": "Color",
+      "subtitle": "Change the <strong>color</strong> of the text and/or background",
+      "color": "info",
+      "icon": "tint",
+      "path": "/documentation/helpers/color-helpers"
+    },
+    "helpers-typography": {
+      "name": "Typography",
+      "subtitle": "Change the <strong>size</strong>, weight, and other font properties of the text",
+      "color": "grey-dark",
+      "icon": "font",
+      "path": "/documentation/helpers/typography-helpers"
+    },
+    "helpers-spacing": {
+      "name": "Spacing",
+      "subtitle": "Change the <strong>size</strong> and <strong>color</strong> of the text for one or multiple viewport width",
+      "color": "grey-dark",
+      "icon": "font",
+      "path": "/documentation/helpers/spacing-helpers"
+    },
+    "helpers-visibility": {
+      "name": "Visibility",
+      "subtitle": "<strong>Show/hide content</strong> depending on the width of the viewport",
+      "color": "primary",
+      "icon": "arrows-alt-h",
+      "path": "/documentation/helpers/visibility-helpers"
+    },
     "columns": {
       "name": "Columns",
       "subtitle": "The power of <strong>Flexbox</strong> in a simple interface",
@@ -581,6 +616,7 @@
     "overview": ["overview-start", "overview-classes", "overview-modular", "overview-responsiveness", "overview-colors", "overview-functions", "overview-mixins"],
     "customize": ["customize-concepts", "customize-variables", "customize-node-sass", "customize-sass-cli", "customize-webpack"],
     "modifiers": ["modifiers-syntax", "modifiers-helpers", "modifiers-responsive-helpers", "modifiers-color-helpers", "modifiers-typography-helpers"],
+    "helpers": ["helpers-color", "helpers-typography", "helpers-visibility", "helpers-spacing"],
     "columns": ["columns-basics", "columns-sizes", "columns-responsiveness", "columns-nesting", "columns-gap", "columns-options"],
     "layout": ["layout-container", "layout-level", "layout-media", "layout-hero", "layout-section", "layout-footer", "layout-tiles"],
     "form": ["form-general", "form-input", "form-textarea", "form-select", "form-checkbox", "form-radio", "form-file"],