improve styling

2020-04-18 23:00:47 +02:00
parent 10fd993f44
commit 66b127168a
5 changed files with 51 additions and 8 deletions
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -78,6 +78,7 @@ code {
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  color: rgba($colorBlack, 0.7);
+  font-size: 0.9em;
 }

 .is-active {
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -26,13 +26,16 @@
    padding: 0.1rem 0.5rem;
    border-radius: 5px;
    font-weight: 500;
-    color: rgba($colorBlack, 0.7);
+    color: rgba($colorBlack, 0.6);
    margin-bottom: 0.2rem;
    margin-left: -0.5rem;

-    &.active,
    &:hover {
      color: $colorBlack;
+    }
+
+    &.active {
+      color: $colorBlack;
      background-color: rgba($colorBlack, 0.05);
    }
  }