From e739f4228d55cfe50691de54c1a2019ac2b57cab Mon Sep 17 00:00:00 2001
From: wgroeneveld <wouter.groeneveld@gmail.com>
Date: Mon, 25 May 2020 22:08:25 +0200
Subject: [PATCH] moar sass tricks

---
 .../assets/sass/_codex.sass                   | 38 ++++++-------------
 .../layouts/404.html                          |  2 +-
 .../layouts/_default/single.html              |  2 +-
 .../layouts/_default/terms.html               |  2 +-
 .../layouts/about/list.html                   |  2 +-
 5 files changed, 16 insertions(+), 30 deletions(-)

diff --git a/themes/jefklak-creative-portfolio/assets/sass/_codex.sass b/themes/jefklak-creative-portfolio/assets/sass/_codex.sass
index 92b0ece..454812d 100644
--- a/themes/jefklak-creative-portfolio/assets/sass/_codex.sass
+++ b/themes/jefklak-creative-portfolio/assets/sass/_codex.sass
@@ -4,6 +4,12 @@ html
 	@media (min-width: 960px)
 		font-size: 1.15rem
 
+%fa
+	font-family: FontAwesome
+	display: inline-block
+	padding-right: 3px
+	vertical-align: middle
+
 
 body, h1, h2, h3, h4, .content-column-content p, .content-column-content li, .box-masonry .box-masonry-text p
 	color: var(--textcolor)
@@ -46,26 +52,16 @@ body
 	background: var(--accent) !important
 
 .commento-google-button:before
+	@extend %fa
 	content: "\f1a0"
-	font-family: FontAwesome
-	display: inline-block
-	padding-right: 3px
-	vertical-align: middle
 
 .commento-github-button:before
+	@extend %fa
 	content: "\f09b"
-	font-family: FontAwesome
-	display: inline-block
-	padding-right: 3px
-	vertical-align: middle
 
 .commento-twitter-button:before 
+	@extend %fa
 	content: "\f099"
-	font-family: FontAwesome
-	display: inline-block
-	padding-right: 3px
-	vertical-align: middle
-
 
 .commento-oauth-buttons button 
 	width: auto !important
@@ -170,6 +166,9 @@ footer
 		@media (min-width: 1200px)
 			padding: 0
 
+	div.row 
+		padding-bottom: 14px
+
 
 .col-lg-8
 	@media (min-width: 1200px) 
@@ -214,8 +213,6 @@ a, .box-masonry h4 a
 	color: var(--textlink)
 	text-decoration: none
 
-
-
 a:hover, .box-masonry h4 a:hover 
 	color: var(--textlink)
 	background-color: #d1d3bd
@@ -226,17 +223,6 @@ a:hover, .box-masonry h4 a:hover
 	height: 100%
 
 
-.content-column.white-background 
-	height: 100%
-	display: inline-block
-	overflow: auto
-	background: none
-
-
-.content-column div.row 
-	padding-bottom: 14px
-
-
 .box-masonry 
 	background-color: #d9e7ac
 	border: 1px solid var(--accent)
diff --git a/themes/jefklak-creative-portfolio/layouts/404.html b/themes/jefklak-creative-portfolio/layouts/404.html
index d17060a..d87510f 100644
--- a/themes/jefklak-creative-portfolio/layouts/404.html
+++ b/themes/jefklak-creative-portfolio/layouts/404.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
+<div class="col-xs-12 col-sm-8 col-md-9 content-column">
   {{ partial "mobile_nav_toggle.html" . }}
   <div class="row">
     <div class="col-lg-8">
diff --git a/themes/jefklak-creative-portfolio/layouts/_default/single.html b/themes/jefklak-creative-portfolio/layouts/_default/single.html
index 95177db..929753e 100644
--- a/themes/jefklak-creative-portfolio/layouts/_default/single.html
+++ b/themes/jefklak-creative-portfolio/layouts/_default/single.html
@@ -1,6 +1,6 @@
 
 {{ define "main" }}
-<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
+<div class="col-xs-12 col-sm-8 col-md-9 content-column">
   {{ partial "mobile_nav_toggle.html" . }}
   <div class="row">
     <div class="col-lg-8">
diff --git a/themes/jefklak-creative-portfolio/layouts/_default/terms.html b/themes/jefklak-creative-portfolio/layouts/_default/terms.html
index 7a25bfe..86ffb2f 100644
--- a/themes/jefklak-creative-portfolio/layouts/_default/terms.html
+++ b/themes/jefklak-creative-portfolio/layouts/_default/terms.html
@@ -20,7 +20,7 @@
           <div class="row row-offcanvas row-offcanvas-left">
               {{ partial "sidebar.html" . }}
               
-			  <div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
+			  <div class="col-xs-12 col-sm-8 col-md-9 content-column">
 				  {{ partial "mobile_nav_toggle.html" . }}
 				  <div class="row">
 				    <div class="col-lg-8">
diff --git a/themes/jefklak-creative-portfolio/layouts/about/list.html b/themes/jefklak-creative-portfolio/layouts/about/list.html
index ad5d0dc..73e69d9 100644
--- a/themes/jefklak-creative-portfolio/layouts/about/list.html
+++ b/themes/jefklak-creative-portfolio/layouts/about/list.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-<div class="col-xs-12 col-sm-8 col-md-9 content-column white-background">
+<div class="col-xs-12 col-sm-8 col-md-9 content-column">
   {{ partial "mobile_nav_toggle.html" . }}
   <div class="row">
     <div class="col-lg-8">