fix: marketing and Carl review

system76 · Apr 30, 2020 · ca293e4 · ca293e4
1 parent b7633c8
commit ca293e4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 27 deletions.
diff --git a/src/components/sys-footerbar.vue b/src/components/sys-footerbar.vue
@@ -219,7 +219,6 @@
     outline: none;
     padding: 0.5rem;
     text-decoration: none;
-    transition: box-shadow 250ms ease;
   }
 
   .socials {
@@ -241,19 +240,18 @@
     justify-content: center;
     outline: none;
     padding: 0.5rem;
-    transition: box-shadow 250ms ease;
+    transition: color 250ms ease;
     width: 48px;
   }
 
   .link:hover,
-  .link:focus,
+  .link:focus {
+    text-decoration: underline;
+  }
+
   .social:hover,
   .social:focus {
-    border-radius: 3px;
-    box-shadow:
-      inset 0 0 0 1px var(--color-orange),
-      0 0 12px var(--color-orange),
-      0 0 1px var(--color-orange);
+    color: var(--color-orange);
   }
 
   .copy {

diff --git a/src/components/sys-headerbar.vue b/src/components/sys-headerbar.vue
@@ -157,11 +157,10 @@
     display: grid;
     grid-gap: 1rem;
     grid-template-areas:
-      "logo"
-      "quicks"
-      "pages";
-    grid-template-columns: auto;
-    grid-template-rows: auto;
+      "logo auto quicks"
+      "pages pages pages";
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: auto auto;
     padding: 1rem;
     margin: 0 auto;
     max-width: 1280px;
@@ -172,7 +171,6 @@
     margin: -0.5rem;
     outline: none;
     padding: 0.5rem;
-    text-align: center;
     transition: box-shadow 250ms ease;
   }
 
@@ -232,11 +230,8 @@
     transition: box-shadow 250ms ease;
   }
 
-  .home:hover,
   .home:focus,
-  .page:hover,
   .page:focus,
-  .quick:hover,
   .quick:focus {
     border-radius: 3px;
     box-shadow:
@@ -246,16 +241,6 @@
     color: inherit;
   }
 
-  @media (min-width: 450px) {
-    .nav {
-      grid-template-areas:
-        "logo quicks"
-        "pages pages";
-      grid-template-columns: 22ch auto;
-      grid-template-rows: auto;
-    }
-  }
-
   @media (min-width: 920px) {
     .nav {
       grid-template-areas: "logo pages quicks";