From 273daaaecd9d4b34af8e79a85e49b3a06194d2c0 Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Sun, 25 Mar 2018 20:14:09 -0400
Subject: [PATCH] Add intro image overlay SCSS variable

To disable intro image color accent overlay add set the following SCSS variable to `false` like so:

$intro-image-color-overlay: false;

Fixes #55
---
 README.md                             | 6 ++++++
 _sass/basically-basic/_intro.scss     | 4 +++-
 _sass/basically-basic/_variables.scss | 3 +++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ce4f920..25e407c 100644
--- a/README.md
+++ b/README.md
@@ -603,6 +603,12 @@ author:
 comments: false  # disable comments on this post
 ```
 
+**Note:** Hero images are overlaid with a transparent "accent" color to unify them with the theme's palette. To disable [customize the CSS](#customizing-sass-scss) with the following Sass variable override:
+
+```scss
+$intro-image-color-overlay: false;
+```
+
 ### `layout: page`
 
 Visually this layout looks and acts the same as `layout: post`, with two minor 
diff --git a/_sass/basically-basic/_intro.scss b/_sass/basically-basic/_intro.scss
index 77fe9bc..feec9de 100644
--- a/_sass/basically-basic/_intro.scss
+++ b/_sass/basically-basic/_intro.scss
@@ -19,7 +19,9 @@
     right: 0;
     bottom: 0;
     left: 0;
-    background-color: rgba($accent-color, 0.25);
+    @if $intro-image-color-overlay == true {
+      background-color: rgba($accent-color, 0.25);
+    };
     content: '';
   }
 
diff --git a/_sass/basically-basic/_variables.scss b/_sass/basically-basic/_variables.scss
index 40dfded..8b2958c 100644
--- a/_sass/basically-basic/_variables.scss
+++ b/_sass/basically-basic/_variables.scss
@@ -84,6 +84,9 @@ $sidebar-width: $small !default;
 /* Background color of the sidebar */
 $sidebar-background-color: #fff !default;
 
+/* Intro image color overlay */
+$intro-image-color-overlay: true !default;
+
 /* Border radius */
 $border-radius: 0.25em !default;