Update validation tooltips to use tooltip vars (#26887)

Updates the properties and values for which we have existing variables to match our tooltips. Come 4.2, we'll create new tooltips for these.

Update validation tooltips to use tooltip vars (#26887)
Updates the properties and values for which we have existing variables to match our tooltips. Come 4.2, we'll create new tooltips for these.
4693672c · Mark Otto · GitHub · 28b9bc06 · 4693672c
Unverified Commit 4693672c authored 6 years ago by Mark Otto Committed by GitHub 6 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 6 deletions
+6 -6
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -41,13 +41,13 @@
    z-index: 5;
    display: none;
    max-width: 100%; // Contain to parent when possible
-    padding: .5rem;
+    padding: $tooltip-padding-y $tooltip-padding-x;
    margin-top: .1rem;
-    font-size: .875rem;
-    line-height: 1;
-    color: $white;
-    background-color: rgba($color, .8);
-    border-radius: .2rem;
+    font-size: $tooltip-font-size;
+    line-height: $line-height-base;
+    color: color-yiq($color);
+    background-color: rgba($color, $tooltip-opacity);
+    @include border-radius($tooltip-border-radius);
  }

  .form-control,