|
@@ -1,3 +1,6 @@
|
|
|
|
+/**
|
|
|
|
+ * Base Variables
|
|
|
|
+ */
|
|
:root {
|
|
:root {
|
|
/* Globals */
|
|
/* Globals */
|
|
/* Font Family */
|
|
/* Font Family */
|
|
@@ -7,4 +10,13 @@
|
|
--global--color-secondary: #007cba;
|
|
--global--color-secondary: #007cba;
|
|
--global--color-secondary-hover: #006ba1;
|
|
--global--color-secondary-hover: #006ba1;
|
|
--global--color-tertiary: #FAFAFA;
|
|
--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);
|
|
|
|
+ }
|
|
|
|
+}
|