Fix up

taniarascia · Jul 3, 2022 · 058f5b8 · 058f5b8
1 parent 8078f51
commit 058f5b8
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 14 deletions.
diff --git a/src/components/PostSidebar.js b/src/components/PostSidebar.js
@@ -12,8 +12,6 @@ export const PostSidebar = ({
 }) => {
   const category = categories?.filter((category) => category !== 'Highlight')
 
-  console.log(category)
-
   return (
     <aside className="post-sidebar">
       {thumbnail && (

diff --git a/src/styles/base.css b/src/styles/base.css
@@ -102,6 +102,7 @@ h5 {
   margin-top: 0;
   margin-bottom: 1.5rem;
   font-weight: 600;
+  scroll-margin-top: 80px;
 }
 
 h1:not(:first-child),
@@ -232,8 +233,8 @@ img {
 }
 
 .segment.small {
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
 .segment.large {

diff --git a/src/styles/layout.css b/src/styles/layout.css
@@ -165,8 +165,14 @@ p.hero-description {
   text-decoration: none;
 }
 
-a.anchor {
-  background: transparent;
+a.anchor,
+a.anchor:hover {
+  color: var(--link);
+  background: transparent !important;
+}
+
+a.anchor svg {
+  fill: var(--link);
 }
 
 /* Posts */
@@ -193,9 +199,9 @@ a.post:hover h3 {
 
 a.post h3 {
   margin: 0;
-  font-size: 1.1rem;
+  font-size: 1rem;
   color: var(--font-color-heading);
-  font-weight: 600;
+  font-weight: 500;
   font-family: var(--font-family-base);
   line-height: 1.3;
 }
@@ -209,6 +215,13 @@ a.post time {
   font-weight: 500;
 }
 
+@media screen and (min-width: 700px) {
+  a.post h3 {
+    font-size: 1.1rem;
+    font-weight: 600;
+  }
+}
+
 /* Grid */
 
 .grid {

diff --git a/src/styles/navigation.css b/src/styles/navigation.css
@@ -26,6 +26,7 @@
 .navigation .logo {
   height: 22px;
   width: 22px;
+  margin-right: 1rem;
 }
 
 .navigation nav {
@@ -50,7 +51,7 @@
   border-radius: 0;
   border-top: 2px solid transparent;
   border-bottom: 2px solid transparent;
-  margin: 0 0.4rem;
+  margin: 0 0.5rem;
 }
 
 .navigation a.brand {
@@ -101,9 +102,8 @@ button.theme-toggle:hover {
 }
 
 @media screen and (min-width: 550px) {
-  .navigation a.item,
-  .navigation button.item {
-    margin: 0 0.5rem;
+  .navigation .logo {
+    margin-right: 0;
   }
 
   .navigation a.brand {

diff --git a/src/styles/patterns.css b/src/styles/patterns.css
@@ -6,12 +6,25 @@
 }
 
 .circle {
-  height: 50px;
-  width: 50px;
+  height: 40px;
+  width: 40px;
+  min-width: 40px;
+  min-height: 40px;
   margin: 0.5rem 0;
   border-radius: 50%;
 }
 
+@media screen and (min-width: 700px) {
+  .circle {
+    height: 50px;
+    width: 50px;
+    min-width: 50px;
+    min-height: 50px;
+    margin: 0.5rem 0;
+    border-radius: 50%;
+  }
+}
+
 .red-1 {
   background: var(--red-1);
 }