#179 Fix title padding

sylhare · Aug 17, 2019 · 21b104b · 21b104b
1 parent 56442c8
commit 21b104b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/_portfolio/cake.md b/_portfolio/cake.md
@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Cake
-feature-img: "assets/img/portfolio/cake.jpeg"
+feature-img: "assets/img/portfolio/cake.png"
 img: "assets/img/portfolio/cake.png"
 date: 27 September 2015
 tags: [Lorem, Ipsum, Portfolio]

diff --git a/_sass/base/_variables.scss b/_sass/base/_variables.scss
@@ -4,13 +4,13 @@ $font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 $font-family-logo: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 $font-size: 1.25em;
 
-
 // Padding
 $padding-x-large: 23%;
 $padding-large: 20%;
 $padding-medium: 6%;
 $padding-small: 4%;
 $padding-x-small: 3%;
+$title-padding: 0.5em;
 
 // Brand colours
 $theme-color: #337ab7;
@@ -51,8 +51,6 @@ $monospace: Monaco, Consolas, "Lucida Console", monospace !default;
 $font-size-code: 0.75em !default; // ~12px
 $border-radius: 4px !default;
 
-
-
 // base16 Material Theme
 $base00: #263238 !default;  // Default Background
 $base01: #2E3C43 !default;  // Lighter Background (Used for status bars)

diff --git a/_sass/layouts/_page.scss b/_sass/layouts/_page.scss
@@ -1,5 +1,6 @@
 h1.title {
     @extend .header-txt-shadow;
+    padding: $title-padding 0;
 }
 
 .subtitle {

diff --git a/_sass/layouts/_posts.scss b/_sass/layouts/_posts.scss
@@ -1,4 +1,3 @@
-article,
 .comments {
     @extend %padding-regular;
     border-bottom: 1px solid $border-color;
@@ -7,6 +6,7 @@ article,
 }
 
 article {
+    @extend .comments;
     header {
         margin-bottom: 6%;
         text-align: center;
@@ -112,4 +112,4 @@ header {
     @media screen and (max-width: $sm-break) {
         background-size: 400% auto;
     }
-}
+}