fix(privacy): fix privacy link colors

Fix privacy link colors.
dcos · May 2, 2018 · 587be24 · 587be24
1 parent cc5d8b8
commit 587be24
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 10 deletions.
diff --git a/src/js/components/modals/UserFormModal.js b/src/js/components/modals/UserFormModal.js
@@ -124,7 +124,7 @@ class UserFormModal extends mixin(StoreMixin) {
           By adding a user you understand we will process personal information in accordance with our
           {" "}
           <a
-            className="small inverse unset-display"
+            className="reset-color"
             href="https://mesosphere.com/privacy/"
             target="_blank"
           >

diff --git a/src/styles/components/modal/login/styles.less b/src/styles/components/modal/login/styles.less
@@ -59,6 +59,10 @@
         transform: translateX(-50%);
         width: 100%;
       }
+
+      .login-modal-product-name a {
+        color: inherit;
+      }
     }
   }
 }

diff --git a/src/styles/components/modal/login/variables.less b/src/styles/components/modal/login/variables.less
@@ -48,8 +48,8 @@
  * Login Modal Product Name
  */
 
-@login-modal-product-name-vertical-offset: -(16px + (3 * @base-spacing-unit));
-@login-modal-product-name-vertical-offset-screen-small: -(16px + (3 * @base-spacing-unit-screen-small));
-@login-modal-product-name-vertical-offset-screen-medium: -(16px + (3 * @base-spacing-unit-screen-medium));
-@login-modal-product-name-vertical-offset-screen-large: -(16px + (3 * @base-spacing-unit-screen-large));
-@login-modal-product-name-vertical-offset-screen-jumbo: -(16px + (3 * 0.75 * @base-spacing-unit-screen-jumbo));
+@login-modal-product-name-vertical-offset: -((4 * @base-spacing-unit));
+@login-modal-product-name-vertical-offset-screen-small: -((4 * @base-spacing-unit-screen-small));
+@login-modal-product-name-vertical-offset-screen-medium: -((4 * @base-spacing-unit-screen-medium));
+@login-modal-product-name-vertical-offset-screen-large: -((4 * @base-spacing-unit-screen-large));
+@login-modal-product-name-vertical-offset-screen-jumbo: -((4 * 0.75 * @base-spacing-unit-screen-jumbo));
diff --git a/src/styles/layout/alignment-utilities/styles.less b/src/styles/layout/alignment-utilities/styles.less
@@ -11,7 +11,3 @@
   flex-direction: column;
   width: 100%;
 }
-
-.unset-display {
-  display: unset;
-}
diff --git a/src/styles/layout/styles.less b/src/styles/layout/styles.less
@@ -69,6 +69,10 @@ body,
   outline: none;
 }
 
+.reset-color {
+  color: inherit;
+}
+
 /* Scrollable Container */
 
 .container-scrollable {