docs: add some more colors

2021-04-20 15:25:01 +02:00
parent 3cdad3399f
commit 61c86db946
3 changed files with 15 additions and 2 deletions
--- a/docs/src/components/Btn/style.scss
+++ b/docs/src/components/Btn/style.scss
@@ -17,7 +17,7 @@
    border: 3px solid $colorBlack;

    &:hover {
-      color: $colorWhite;
+      color: $colorYellow;
    }
  }

@@ -28,6 +28,7 @@

    &:hover {
      color: $colorBlack;
+      background-color: $colorYellow;
    }
  }

--- a/docs/src/components/PageFooter/style.scss
+++ b/docs/src/components/PageFooter/style.scss
@@ -29,6 +29,12 @@
    ul {
      list-style: none;
    }
+
+    a {
+      &:hover {
+        color: $colorYellow;
+      }
+    }
  }

  &__small-text {
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -58,7 +58,13 @@ $menuBreakPoint: 800px;

    @media (min-width: $menuBreakPoint) {
      display: inline-flex;
-      margin-right: 1.5rem;
+      margin-right: 0.5rem;
+      padding: 0.2rem 0.5rem;
+      border-radius: 0.5rem;
+
+      &:hover {
+        background: rgba($colorBlack, 0.05);
+      }

      &:last-child {
        margin-right: 0;