Update variable JSONs

jgthms · Oct 18, 2019 · d0c84b9 · d0c84b9
1 parent 817c676
commit d0c84b9
Show file tree

Hide file tree

Showing 26 changed files with 299 additions and 97 deletions.
diff --git a/docs/_data/variables/base/generic.json b/docs/_data/variables/base/generic.json
@@ -2,7 +2,7 @@
   "by_name": {
     "$body-background-color": {
       "name": "$body-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"

diff --git a/docs/_data/variables/components/breadcrumb.json b/docs/_data/variables/components/breadcrumb.json
@@ -33,7 +33,7 @@
     },
     "$breadcrumb-item-separator-color": {
       "name": "$breadcrumb-item-separator-color",
-      "value": "$grey-light",
+      "value": "$border-hover",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 71%)"

diff --git a/docs/_data/variables/components/card.json b/docs/_data/variables/components/card.json
@@ -9,14 +9,14 @@
     },
     "$card-background-color": {
       "name": "$card-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
     },
     "$card-shadow": {
       "name": "$card-shadow",
-      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
+      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
       "type": "size"
     },
     "$card-header-background-color": {
@@ -33,12 +33,12 @@
     },
     "$card-header-padding": {
       "name": "$card-header-padding",
-      "value": "0.75rem",
+      "value": "0.75rem 1rem",
       "type": "size"
     },
     "$card-header-shadow": {
       "name": "$card-header-shadow",
-      "value": "0 1px 2px rgba($black, 0.1)",
+      "value": "0 0.125em 0.25em rgba($scheme-invert, 0.1)",
       "type": "size"
     },
     "$card-header-weight": {
@@ -65,7 +65,7 @@
     },
     "$card-footer-border-top": {
       "name": "$card-footer-border-top",
-      "value": "1px solid $border",
+      "value": "1px solid $border-light",
       "type": "size"
     },
     "$card-footer-padding": {

diff --git a/docs/_data/variables/components/dropdown.json b/docs/_data/variables/components/dropdown.json
@@ -7,7 +7,7 @@
     },
     "$dropdown-content-background-color": {
       "name": "$dropdown-content-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
@@ -43,7 +43,7 @@
     },
     "$dropdown-content-shadow": {
       "name": "$dropdown-content-shadow",
-      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
+      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
       "type": "size"
     },
     "$dropdown-content-z": {
@@ -53,14 +53,14 @@
     },
     "$dropdown-item-color": {
       "name": "$dropdown-item-color",
-      "value": "$grey-dark",
+      "value": "$text",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 29%)"
     },
     "$dropdown-item-hover-color": {
       "name": "$dropdown-item-hover-color",
-      "value": "$black",
+      "value": "$scheme-invert",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 4%)"
@@ -88,10 +88,10 @@
     },
     "$dropdown-divider-background-color": {
       "name": "$dropdown-divider-background-color",
-      "value": "$border",
+      "value": "$border-light",
       "type": "variable",
       "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 86%)"
+      "computed_value": "hsl(0, 0%, 93%)"
     }
   },
   "list": [

diff --git a/docs/_data/variables/components/media.json b/docs/_data/variables/components/media.json
@@ -0,0 +1,13 @@
+{
+  "by_name": {
+    "$media-border-color": {
+      "name": "$media-border-color",
+      "value": "rgba($border, 0.5)",
+      "type": "color"
+    }
+  },
+  "list": [
+    "$media-border-color"
+  ],
+  "file_path": "components/media.sass"
+}
diff --git a/docs/_data/variables/components/message.json b/docs/_data/variables/components/message.json
@@ -80,7 +80,7 @@
     },
     "$message-body-pre-background-color": {
       "name": "$message-body-pre-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
@@ -100,7 +100,7 @@
       "value": "$colors",
       "type": "variable",
       "computed_type": "function",
-      "computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert)), $custom-colors)"
+      "computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
     }
   },
   "list": [

diff --git a/docs/_data/variables/components/modal.json b/docs/_data/variables/components/modal.json
@@ -7,7 +7,7 @@
     },
     "$modal-background-background-color": {
       "name": "$modal-background-background-color",
-      "value": "rgba($black, 0.86)",
+      "value": "rgba($scheme-invert, 0.86)",
       "type": "color"
     },
     "$modal-content-width": {
@@ -107,7 +107,7 @@
     },
     "$modal-card-body-background-color": {
       "name": "$modal-card-body-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"

diff --git a/docs/_data/variables/components/navbar.json b/docs/_data/variables/components/navbar.json
@@ -2,7 +2,7 @@
   "by_name": {
     "$navbar-background-color": {
       "name": "$navbar-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
@@ -46,7 +46,7 @@
     },
     "$navbar-item-color": {
       "name": "$navbar-item-color",
-      "value": "$grey-dark",
+      "value": "$text",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 29%)"
@@ -60,14 +60,14 @@
     },
     "$navbar-item-hover-background-color": {
       "name": "$navbar-item-hover-background-color",
-      "value": "$white-bis",
+      "value": "$scheme-main-bis",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 98%)"
     },
     "$navbar-item-active-color": {
       "name": "$navbar-item-active-color",
-      "value": "$black",
+      "value": "$scheme-invert",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 4%)"
@@ -130,7 +130,7 @@
     },
     "$navbar-dropdown-background-color": {
       "name": "$navbar-dropdown-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
@@ -173,12 +173,12 @@
     },
     "$navbar-dropdown-boxed-shadow": {
       "name": "$navbar-dropdown-boxed-shadow",
-      "value": "0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
+      "value": "0 8px 8px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1)",
       "type": "size"
     },
     "$navbar-dropdown-item-hover-color": {
       "name": "$navbar-dropdown-item-hover-color",
-      "value": "$black",
+      "value": "$scheme-invert",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 4%)"

diff --git a/docs/_data/variables/components/pagination.json b/docs/_data/variables/components/pagination.json
@@ -2,14 +2,14 @@
   "by_name": {
     "$pagination-color": {
       "name": "$pagination-color",
-      "value": "$grey-darker",
+      "value": "$text-strong",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 21%)"
     },
     "$pagination-border-color": {
       "name": "$pagination-border-color",
-      "value": "$grey-lighter",
+      "value": "$border",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 86%)"
@@ -88,21 +88,21 @@
     },
     "$pagination-disabled-color": {
       "name": "$pagination-disabled-color",
-      "value": "$grey",
+      "value": "$text-light",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 48%)"
     },
     "$pagination-disabled-background-color": {
       "name": "$pagination-disabled-background-color",
-      "value": "$grey-lighter",
+      "value": "$border",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 86%)"
     },
     "$pagination-disabled-border-color": {
       "name": "$pagination-disabled-border-color",
-      "value": "$grey-lighter",
+      "value": "$border",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 86%)"

diff --git a/docs/_data/variables/components/panel.json b/docs/_data/variables/components/panel.json
@@ -9,7 +9,19 @@
     },
     "$panel-item-border": {
       "name": "$panel-item-border",
-      "value": "1px solid $border",
+      "value": "1px solid $border-light",
+      "type": "size"
+    },
+    "$panel-radius": {
+      "name": "$panel-radius",
+      "value": "$radius-large",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "6px"
+    },
+    "$panel-shadow": {
+      "name": "$panel-shadow",
+      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
       "type": "size"
     },
     "$panel-heading-background-color": {
@@ -33,7 +45,7 @@
     },
     "$panel-heading-padding": {
       "name": "$panel-heading-padding",
-      "value": "0.5em 0.75em",
+      "value": "0.75em 1em",
       "type": "size"
     },
     "$panel-heading-radius": {
@@ -50,10 +62,10 @@
     },
     "$panel-heading-weight": {
       "name": "$panel-heading-weight",
-      "value": "$weight-light",
+      "value": "$weight-bold",
       "type": "variable",
       "computed_type": "font-weight",
-      "computed_value": "300"
+      "computed_value": "700"
     },
     "$panel-tabs-font-size": {
       "name": "$panel-tabs-font-size",
@@ -139,6 +151,8 @@
   "list": [
     "$panel-margin",
     "$panel-item-border",
+    "$panel-radius",
+    "$panel-shadow",
     "$panel-heading-background-color",
     "$panel-heading-color",
     "$panel-heading-line-height",

diff --git a/docs/_data/variables/components/tabs.json b/docs/_data/variables/components/tabs.json
@@ -80,7 +80,7 @@
     },
     "$tabs-boxed-link-active-background-color": {
       "name": "$tabs-boxed-link-active-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"

diff --git a/docs/_data/variables/elements/box.json b/docs/_data/variables/elements/box.json
@@ -9,7 +9,7 @@
     },
     "$box-background-color": {
       "name": "$box-background-color",
-      "value": "$white",
+      "value": "$scheme-main",
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 100%)"
@@ -23,7 +23,7 @@
     },
     "$box-shadow": {
       "name": "$box-shadow",
-      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
+      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
       "type": "size"
     },
     "$box-padding": {
@@ -33,12 +33,12 @@
     },
     "$box-link-hover-shadow": {
       "name": "$box-link-hover-shadow",
-      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px $link",
+      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link",
       "type": "size"
     },
     "$box-link-active-shadow": {
       "name": "$box-link-active-shadow",
-      "value": "inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link",
+      "value": "inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link",
       "type": "size"
     }
   },