Make header margin an overridable setting.

css/theme/template/settings.scss adds the $headingMargin variable, set to `0 0 20px 0`.
css/theme/template/theme.scss uses $headingMargin to set margin on headers.

diff --git a/css/theme/template/settings.scss b/css/theme/template/settings.scss
index 7e9ffd8adad047b2845bebe2f2191817daa46643..739a609aeaeb24876c58dc09177c71f84f4b4e3e 100644 (file)
--- a/css/theme/template/settings.scss
+++ b/css/theme/template/settings.scss
@@ -10,6 +10,7 @@ $mainFontSize: 36px;
 $mainColor: #eee;
 
 // Headings
+$headingMargin: 0 0 20px 0;
 $headingFont: 'League Gothic', Impact, sans-serif;
 $headingColor: #eee;
 $headingLineHeight: 0.9em;

diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss
index 96148e32280e62213df2171dea8782b39c57e3c8..735b7659d5c0d91e9de06d819d5db739d38c75c5 100644 (file)
--- a/css/theme/template/theme.scss
+++ b/css/theme/template/theme.scss
@@ -33,7 +33,7 @@ body {
 .reveal h4,
 .reveal h5,
 .reveal h6 {
-       margin: 0 0 20px 0;
+       margin: $headingMargin;
        color: $headingColor;
 
        font-family: $headingFont;