make search form act only at hero and mod colors

2021-07-15 20:58:23 +02:00 · 2021-07-15 20:58:23 +02:00 · 0250b8f118
parent 8ea4b85d9c
commit 0250b8f118
1 changed files with 59 additions and 58 deletions
--- a/asset/scss/components/_forms.scss
+++ b/asset/scss/components/_forms.scss
@ -1,3 +1,4 @@
+.hero{
  .search{
    .input-group * {
      margin: 0;
@ -37,8 +38,7 @@
        right: 2rem;
        + .appear {
          display: block;
-        color: $primary-color;
-        background-color: $input-background-focus;
+          background-color: scale-color($input-background-focus, $lightness: -20%);
          z-index: 2;
          &:hover {
            color: $white;
@ -64,3 +64,4 @@
      }
    }
  }
+}