update (styles) : improvements (#7)

codexarama · May 27, 2021 · e6ac231 · e6ac231
1 parent 7ddf27f
commit e6ac231
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 13 deletions.
diff --git a/css/styles.css b/css/styles.css
diff --git a/sass/layout/_nav.scss b/sass/layout/_nav.scss
@@ -4,26 +4,56 @@
     font-size: $s;
     border-radius: 25px;
     border: solid 1px $secondaire-border;
+    background-color: white;
     margin: 0 2px;
     padding: 0 5px;
     color: $secondaire-txt;
-  }
 
-  & li a:hover,
-  & li a:focus {
-    cursor: pointer;
-    border-radius: 25px;
-    border: solid 1px $primaire-border;
-    background-color: $primaire-bg;
-    color: $primaire-a;
-  }
+    &.selected,
+    &:hover,
+    &:focus {
+      cursor: pointer;
+      border-radius: 25px;
+      border: solid 1px $primaire-border;
+      background-color: $primaire-bg;
+      color: $primaire-a;
+    }
 
-  & li a:focus {
-    outline: none;
-    box-shadow: 0 0 0 2px white, 0 0 0 4px $primaire-bg;
+    &:focus {
+      outline: none;
+      box-shadow: 0 0 0 2px white, 0 0 0 4px $primaire-bg;
+    }
   }
 }
 
+// .tags {
+//   li a {
+//     text-align: center;
+//     font-size: $s;
+//     border-radius: 25px;
+//     border: solid 1px $secondaire-border;
+//     background-color: white;
+//     margin: 0 2px;
+//     padding: 0 5px;
+//     color: $secondaire-txt;
+//   }
+
+//   & li a.selected,
+//   & li a:hover,
+//   & li a:focus {
+//     cursor: pointer;
+//     border-radius: 25px;
+//     border: solid 1px $primaire-border;
+//     background-color: $primaire-bg;
+//     color: $primaire-a;
+//   }
+
+//   & li a:focus {
+//     outline: none;
+//     box-shadow: 0 0 0 2px white, 0 0 0 4px $primaire-bg;
+//   }
+// }
+
 @media only screen and (max-width: 426px) {
   .tags {
     li a {