moar sass tricks

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)

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">

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">

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">

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">