@@ -1,3 +1,6 @@
+/**
+ * Base Variables
+ */
:root {
/* Globals */
/* Font Family */
@@ -7,4 +10,13 @@
--global--color-secondary: #007cba;
--global--color-secondary-hover: #006ba1;
--global--color-tertiary: #FAFAFA;
-}
+}
+
+ * Repsonsive Variables
+@media only screen and (min-width: 830px) {
+ :root {
+ --responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1000px);
+ }