Hide empty content areas.

Voog · Mar 2, 2017 · 03b5e2c · 03b5e2c
1 parent 4553678
commit 03b5e2c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/sources/stylesheets/_content-formatted.scss b/sources/stylesheets/_content-formatted.scss
@@ -2,6 +2,10 @@
 // NB! Each editable content-area - {% content %} - should be wrapped in the element that has the "content-formatted" class.
 // NB! Contact forms and image galleries are located in the separate partials: "_forms.scss" and "_gallery.scss".
 .content-formatted {
+  &:empty {
+    display: none;
+  }
+
   @extend %clearfix;
   @include hyphenate(true);
 

diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -109,6 +109,9 @@ body.dark-background {
   -ms-hyphens: auto;
   hyphens: auto;
 }
+.content-formatted:empty {
+  display: none;
+}
 .dark-background .content-formatted {
   color: white;
 }