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/elements/title.json

@@ -0,0 +1,60 @@
+{
+  "dir_name": "elements",
+  "file_name": "title",
+  "file_relative_path": "elements/title.sass",
+  "file_line_from": 1,
+  "file_line_to": 11,
+  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/title.sass#L1,L11",
+  "vars": {
+    "title-color": {
+      "id": "title-color",
+      "name": "$title-color",
+      "value": "$grey-darker"
+    },
+    "title-size": {
+      "id": "title-size",
+      "name": "$title-size",
+      "value": "$size-3"
+    },
+    "title-weight": {
+      "id": "title-weight",
+      "name": "$title-weight",
+      "value": "$weight-semibold"
+    },
+    "title-strong-color": {
+      "id": "title-strong-color",
+      "name": "$title-strong-color",
+      "value": "inherit"
+    },
+    "title-strong-weight": {
+      "id": "title-strong-weight",
+      "name": "$title-strong-weight",
+      "value": "inherit"
+    },
+    "subtitle-color": {
+      "id": "subtitle-color",
+      "name": "$subtitle-color",
+      "value": "$grey-dark"
+    },
+    "subtitle-size": {
+      "id": "subtitle-size",
+      "name": "$subtitle-size",
+      "value": "$size-5"
+    },
+    "subtitle-weight": {
+      "id": "subtitle-weight",
+      "name": "$subtitle-weight",
+      "value": "$weight-normal"
+    },
+    "subtitle-strong-color": {
+      "id": "subtitle-strong-color",
+      "name": "$subtitle-strong-color",
+      "value": "$grey-darker"
+    },
+    "subtitle-strong-weight": {
+      "id": "subtitle-strong-weight",
+      "name": "$subtitle-strong-weight",
+      "value": "$weight-semibold"
+    }
+  }
+}