Update variables

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f2d182a688876d1fbcb994d313eca7ca244f204f..d946757b3072a43d07b5936f1f6639e99233acd4 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 * #2145 Fix #372 -> New indeterminate progress bars
 * #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
+* #592 -> Give arbitrary elements access to the image/ratio classes
 
 ### Improvements
 

diff --git a/docs/_data/variables/components/navbar.json b/docs/_data/variables/components/navbar.json
index a913eed4373ed414f0824c40b557893c38854add..a997d180a25bc36f98705bbf195641a076ee4701 100644 (file)
--- a/docs/_data/variables/components/navbar.json
+++ b/docs/_data/variables/components/navbar.json
@@ -220,6 +220,13 @@
       "name": "$navbar-bottom-box-shadow-size",
       "value": "0 -2px 0 0",
       "type": "size"
+    },
+    "$navbar-breakpoint": {
+      "name": "$navbar-breakpoint",
+      "value": "$desktop",
+      "type": "variable",
+      "computed_type": "computed",
+      "computed_value": "960px + (2 * $gap)"
     }
   },
   "list": [
@@ -259,7 +266,8 @@
     "$navbar-dropdown-item-active-background-color",
     "$navbar-divider-background-color",
     "$navbar-divider-height",
-    "$navbar-bottom-box-shadow-size"
+    "$navbar-bottom-box-shadow-size",
+    "$navbar-breakpoint"
   ],
   "file_path": "components/navbar.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/components/pagination.json b/docs/_data/variables/components/pagination.json
index 879304b92d06908c0e7f91682b6d1257015d994d..e1f02105bfc7a39d2198a7a0ca4d9800939063f1 100644 (file)
--- a/docs/_data/variables/components/pagination.json
+++ b/docs/_data/variables/components/pagination.json
@@ -19,6 +19,11 @@
       "value": "-0.25rem",
       "type": "size"
     },
+    "$pagination-min-width": {
+      "name": "$pagination-min-width",
+      "value": "$control-height",
+      "type": "variable"
+    },
     "$pagination-hover-color": {
       "name": "$pagination-hover-color",
       "value": "$link-hover",
@@ -115,6 +120,7 @@
     "$pagination-color",
     "$pagination-border-color",
     "$pagination-margin",
+    "$pagination-min-width",
     "$pagination-hover-color",
     "$pagination-hover-border-color",
     "$pagination-focus-color",

diff --git a/docs/_data/variables/elements/form.json b/docs/_data/variables/elements/form.json
index 8ea22c9ad53872288b4fa6e0ab092b8581b6840a..eb0b46f3a219cafb8ed4b09d2559735fe57212a6 100644 (file)
--- a/docs/_data/variables/elements/form.json
+++ b/docs/_data/variables/elements/form.json
@@ -21,11 +21,21 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 86%)"
     },
+    "$input-height": {
+      "name": "$input-height",
+      "value": "$control-height",
+      "type": "variable"
+    },
     "$input-shadow": {
       "name": "$input-shadow",
       "value": "inset 0 1px 2px rgba($black, 0.1)",
       "type": "size"
     },
+    "$input-placeholder-color": {
+      "name": "$input-placeholder-color",
+      "value": "rgba($input-color, 0.3)",
+      "type": "color"
+    },
     "$input-hover-color": {
       "name": "$input-hover-color",
       "value": "$grey-darker",
@@ -85,6 +95,11 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 96%)"
     },
+    "$input-disabled-placeholder-color": {
+      "name": "$input-disabled-placeholder-color",
+      "value": "rgba($input-disabled-color, 0.3)",
+      "type": "color"
+    },
     "$input-arrow": {
       "name": "$input-arrow",
       "value": "$link",
@@ -203,7 +218,9 @@
     "$input-color",
     "$input-background-color",
     "$input-border-color",
+    "$input-height",
     "$input-shadow",
+    "$input-placeholder-color",
     "$input-hover-color",
     "$input-hover-border-color",
     "$input-focus-color",
@@ -213,6 +230,7 @@
     "$input-disabled-color",
     "$input-disabled-background-color",
     "$input-disabled-border-color",
+    "$input-disabled-placeholder-color",
     "$input-arrow",
     "$input-icon-color",
     "$input-icon-active-color",

diff --git a/docs/_data/variables/elements/progress.json b/docs/_data/variables/elements/progress.json
index 7cdc5dfff6204c68de63f71df9d4548747b41631..a86d87700d1eff3ca88612dae23340faee0860b2 100644 (file)
--- a/docs/_data/variables/elements/progress.json
+++ b/docs/_data/variables/elements/progress.json
@@ -13,11 +13,17 @@
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 29%)"
+    },
+    "$progress-indeterminate-duration": {
+      "name": "$progress-indeterminate-duration",
+      "value": "1.5s",
+      "type": "string"
     }
   },
   "list": [
     "$progress-bar-background-color",
-    "$progress-value-background-color"
+    "$progress-value-background-color",
+    "$progress-indeterminate-duration"
   ],
   "file_path": "elements/progress.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/elements/table.json b/docs/_data/variables/elements/table.json
index 4f0f8706932811c999245be0a0f07647adeb9ace..ce1fa9944dbab48503011c3995c7a1bbb9708e68 100644 (file)
--- a/docs/_data/variables/elements/table.json
+++ b/docs/_data/variables/elements/table.json
@@ -60,6 +60,21 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 21%)"
     },
+    "$table-head-background-color": {
+      "name": "$table-head-background-color",
+      "value": "transparent",
+      "type": "string"
+    },
+    "$table-body-background-color": {
+      "name": "$table-body-background-color",
+      "value": "transparent",
+      "type": "string"
+    },
+    "$table-foot-background-color": {
+      "name": "$table-foot-background-color",
+      "value": "transparent",
+      "type": "string"
+    },
     "$table-row-hover-background-color": {
       "name": "$table-row-hover-background-color",
       "value": "$white-bis",
@@ -107,6 +122,9 @@
     "$table-head-cell-color",
     "$table-foot-cell-border-width",
     "$table-foot-cell-color",
+    "$table-head-background-color",
+    "$table-body-background-color",
+    "$table-foot-background-color",
     "$table-row-hover-background-color",
     "$table-row-active-background-color",
     "$table-row-active-color",

diff --git a/docs/_data/variables/layout/footer.json b/docs/_data/variables/layout/footer.json
index a71deb810ca11b82ae6ea80abedfcef12a07e6be..c3c1a55227f3de7bb6c11d7fa1941687fccb4ec1 100644 (file)
--- a/docs/_data/variables/layout/footer.json
+++ b/docs/_data/variables/layout/footer.json
@@ -6,10 +6,16 @@
       "type": "variable",
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 98%)"
+    },
+    "$footer-padding": {
+      "name": "$footer-padding",
+      "value": "3rem 1.5rem 6rem",
+      "type": "size"
     }
   },
   "list": [
-    "$footer-background-color"
+    "$footer-background-color",
+    "$footer-padding"
   ],
   "file_path": "layout/footer.sass"
 }
\ No newline at end of file

diff --git a/docs/_data/variables/utilities/controls.json b/docs/_data/variables/utilities/controls.json
index f29b2b86ee670d54f2d7242884531bc254ec5a86..89b2f93c26bb0a98660eafeb8b7b0824dba1b67a 100644 (file)
--- a/docs/_data/variables/utilities/controls.json
+++ b/docs/_data/variables/utilities/controls.json
@@ -19,6 +19,16 @@
       "value": "1px",
       "type": "size"
     },
+    "$control-height": {
+      "name": "$control-height",
+      "value": "2.25em",
+      "type": "size"
+    },
+    "$control-line-height": {
+      "name": "$control-line-height",
+      "value": "1.5",
+      "type": "unitless"
+    },
     "$control-padding-vertical": {
       "name": "$control-padding-vertical",
       "value": "calc(0.375em - #{$control-border-width})",
@@ -34,6 +44,8 @@
     "$control-radius",
     "$control-radius-small",
     "$control-border-width",
+    "$control-height",
+    "$control-line-height",
     "$control-padding-vertical",
     "$control-padding-horizontal"
   ],

diff --git a/docs/_data/variables/utilities/derived-variables.json b/docs/_data/variables/utilities/derived-variables.json
index ea73cca33d253c680692bc25a04f44dc5e9c7cc6..23c2eedc7df179814944db5bcce5f57a44603782 100644 (file)
--- a/docs/_data/variables/utilities/derived-variables.json
+++ b/docs/_data/variables/utilities/derived-variables.json
@@ -161,13 +161,6 @@
       "computed_type": "color",
       "computed_value": "hsl(0, 0%, 96%)"
     },
-    "$footer-background-color": {
-      "name": "$footer-background-color",
-      "value": "$white-bis",
-      "type": "variable",
-      "computed_type": "color",
-      "computed_value": "hsl(0, 0%, 98%)"
-    },
     "$border": {
       "name": "$border",
       "value": "$grey-lighter",
@@ -308,6 +301,13 @@
       "computed_type": "font-family",
       "computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
     },
+    "$family-secondary": {
+      "name": "$family-secondary",
+      "value": "$family-sans-serif",
+      "type": "variable",
+      "computed_type": "font-family",
+      "computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
+    },
     "$family-code": {
       "name": "$family-code",
       "value": "$family-monospace",
@@ -393,7 +393,6 @@
     "$light-invert",
     "$dark-invert",
     "$background",
-    "$footer-background-color",
     "$border",
     "$border-hover",
     "$text",
@@ -414,6 +413,7 @@
     "$link-active",
     "$link-active-border",
     "$family-primary",
+    "$family-secondary",
     "$family-code",
     "$size-small",
     "$size-normal",
@@ -426,4 +426,4 @@
     "$sizes"
   ],
   "file_path": "utilities/derived-variables.sass"
-}
+}
\ No newline at end of file

diff --git a/docs/_includes/elements/new-tag.html b/docs/_includes/elements/new-tag.html
index b4d395b0cf5c252ec3bb2eda15e81dbd389c7723..e4c07b6f73523b05c1f4d8aea74ea67b3bfadbfa 100644 (file)
--- a/docs/_includes/elements/new-tag.html
+++ b/docs/_includes/elements/new-tag.html
@@ -5,8 +5,11 @@
   {% if tag_version_value > current_version_value %}
     <span class="tag is-warning">Coming soon!</span>
     <span class="tag is-danger">{{ include.version }}</span>
-  {% else %}
+  {% elsif tag_version_value == current_version_value %}
     <span class="tag">New!</span>
+    <span class="tag is-success">{{ include.version }}</span>
+  {% else %}
+    <span class="tag">Since</span>
     <span class="tag is-info">{{ include.version }}</span>
   {% endif %}
 </div>
\ No newline at end of file

diff --git a/docs/documentation/elements/image.html b/docs/documentation/elements/image.html
index 66e83c29089f371be0c059e7ddc64300021532e8..a8d1ab3a2de5fffd4ac0d81bfd10f4aebde99805 100644 (file)
--- a/docs/documentation/elements/image.html
+++ b/docs/documentation/elements/image.html
@@ -175,4 +175,14 @@ meta:
   <p>The <code>.image</code> container will take up the <strong>whole width</strong> while maintaining the perfect ratio.</p>
 </div>
 
+{% include elements/anchor.html name="Arbitrary ratios with any element" %}
+
+{% include elements/new-tag.html version="0.7.3" %}
+
+<div class="content">
+  <p>
+    You can now use the
+  </p>
+</div>
+
 {% include elements/variables.html type='element' %}