Adjusted few styles

thiagorossener · Feb 4, 2020 · c1f39cc · c1f39cc
1 parent 76d05c8
commit c1f39cc
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 17 deletions.
diff --git a/_sass/_header.scss b/_sass/_header.scss
@@ -21,23 +21,24 @@ body {
     margin: 0;
     height: rem(32px);
     line-height: rem(32px);
-  }
-
-  .logo a {
-    display: block;
-    color: $accentDark;
-    text-decoration: none;
-    font-size: rem(32px);
-    position: relative;
-  }
 
-  .logo svg {
-    width: rem(120px);
-    height: rem(30px);
-    transition: all .4s;
+    a {
+      display: block;
+      color: $accentDark;
+      text-decoration: none;
+      font-size: rem(32px);
+      position: relative;
+      outline: 0;
+    }
 
-    @include media(">=sm") {
-      width: rem(205px);
+    svg {
+      width: rem(120px);
+      height: rem(30px);
+      transition: all .4s;
+
+      @include media(">=sm") {
+        width: rem(205px);
+      }
     }
   }
 

diff --git a/_sass/_highlight.scss b/_sass/_highlight.scss
@@ -13,7 +13,7 @@ pre {
   }
 
   code {
-    @include center(rem(800));
+    @include center(rem(800px));
     padding: 0 rem(20px);
 
     @include media("<sm") {

diff --git a/_sass/preview.scss b/_sass/preview.scss
@@ -16,9 +16,13 @@ body {
 
   img {
     max-width: 100%;
-    margin: rem(0px) auto;
+    margin: 0 auto rem(20px);
     display: block;
     padding: 10px 0;
+
+    @include media(">=sm") {
+      margin: 0 auto rem(29px);
+    }
   }
 
   figure {