Docs/variables data (#1314)

* Replace variables.json with colors.json and update related files accordingly

* Add variables data files

* Update variables include template and all related files to use new variables data

* Fix mobile breakpoint id typo in responsivness docs page

* Fix Liquid syntax error in made-with-bulma docs page

* Update bulma sass files count in modular docs page

* Use breakpoints data in responsiveness helpers docs page

* Use breakpoints and variables data in typography helpers docs page

* Add missing page titles in docs pages front matter

docs/_data/variables/layout/footer.json

@@ -0,0 +1,15 @@
+{
+  "dir_name": "layout",
+  "file_name": "footer",
+  "file_relative_path": "layout/footer.sass",
+  "file_line_from": 1,
+  "file_line_to": 1,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/layout/footer.sass#L1,L1",
+  "vars": {
+    "footer-background-color": {
+      "id": "footer-background-color",
+      "name": "$footer-background-color",
+      "value": "$background"
+    }
+  }
+}

docs/_data/variables/layout/section.json

@@ -0,0 +1,25 @@
+{
+  "dir_name": "layout",
+  "file_name": "section",
+  "file_relative_path": "layout/section.sass",
+  "file_line_from": 1,
+  "file_line_to": 3,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/layout/section.sass#L1,L3",
+  "vars": {
+    "section-padding": {
+      "id": "section-padding",
+      "name": "$section-padding",
+      "value": "3rem 1.5rem"
+    },
+    "section-padding-medium": {
+      "id": "section-padding-medium",
+      "name": "$section-padding-medium",
+      "value": "9rem 1.5rem"
+    },
+    "section-padding-large": {
+      "id": "section-padding-large",
+      "name": "$section-padding-large",
+      "value": "18rem 1.5rem"
+    }
+  }
+}