Bigger margins for images, videos, etc.

eshlox · May 10, 2018 · cfc3c63 · cfc3c63
1 parent 5e0d15b
commit cfc3c63
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 19 deletions.
diff --git a/data/assets.json b/data/assets.json
@@ -1,6 +1,6 @@
 {
   "main": {
     "js": "main.82829af440c4.js",
-    "css": "main.e49376a6da0d.css"
+    "css": "main.e22ac844dc49.css"
   }
 }
diff --git a/src/styles/_components/base.scss b/src/styles/_components/base.scss
@@ -33,7 +33,7 @@ body {
     flex: 1;
     margin: 0 auto;
     max-width: 900px;
-    padding: $navbar-height+2rem 1rem 2rem 1rem;
+    padding: $navbar-height+1rem 1rem 2rem 1rem;
     width: 100%;
   }
 }
diff --git a/src/styles/_components/content.scss b/src/styles/_components/content.scss
@@ -21,7 +21,7 @@ body {
         text-align: justify;
 
         blockquote {
-          @include element-margin($itemMargin, false, true);
+          @include element-margin($itemMargin * 2, false, true);
 
           border-left: 0.1rem $color-black solid;
           font-style: italic;
@@ -30,7 +30,7 @@ body {
         }
 
         figure {
-          @include element-margin($itemMargin, false, true);
+          @include element-margin($itemMargin * 2, false, true);
 
           padding: 0;
 
@@ -104,11 +104,11 @@ body {
         }
 
         iframe.instagram-media {
-          @include element-margin($itemMargin, true, true);
+          @include element-margin($itemMargin * 2, true, true);
         }
 
         img {
-          @include element-margin($itemMargin, false, true);
+          @include element-margin($itemMargin * 2, false, true);
 
           display: block;
           height: auto;
@@ -143,7 +143,7 @@ body {
         }
 
         pre {
-          @include bottom-margin($itemMargin);
+          @include element-margin($itemMargin * 2, false, false);
 
           background-color: $color-lead;
           color: $color-ancestral-water;
@@ -160,7 +160,7 @@ body {
         }
 
         table:not(.highlight) {  // disable for table inside Github gist
-          @include bottom-margin($itemMargin);
+          @include element-margin($itemMargin * 2, false, false);
 
           border-collapse: collapse;
           border-style: hidden;
@@ -201,14 +201,14 @@ body {
         }
 
         video {
-          @include element-margin($itemMargin, false, true);
+          @include element-margin($itemMargin * 2, false, true);
 
           display: block;
           width: 100%
         }
 
         .embed-container {
-          @include element-margin($itemMargin, false, true);
+          @include element-margin($itemMargin * 2, false, true);
 
           height: 0;
           max-width: 100%;
@@ -226,15 +226,15 @@ body {
         }
 
         .gist {
-          @include element-margin($itemMargin, false, true);
+          @include element-margin($itemMargin * 2, false, true);
         }
 
         .speakerdeck {
-           @include element-margin($itemMargin, false, true);
+           @include element-margin($itemMargin * 2, false, true);
         }
 
         .twitter-tweet {
-          @include element-margin($itemMargin, true, true);
+          @include element-margin($itemMargin * 2, true, true);
 
           @media (max-width: 550px) {
             width: 0 !important;

diff --git a/src/styles/_components/homepage.scss b/src/styles/_components/homepage.scss
@@ -1,6 +1,8 @@
 body {
   main {
     .homepage-avatar {
+      @include element-margin($itemMargin, false, false);
+
       border-radius: 50%;
     }
 

diff --git a/static/assets/css/main.e22ac844dc49.css b/static/assets/css/main.e22ac844dc49.css
diff --git a/static/assets/css/main.e49376a6da0d.css b/static/assets/css/main.e49376a6da0d.css