Refactoring of styles - BEM + ITCSS, removed Disqus.

[ghost-theme-willow.git] / source / sass / components / _site-content.scss

diff --git a/source/sass/components/_site-content.scss b/source/sass/components/_site-content.scss
new file mode 100644 (file)
index 0000000..d81bc32
--- /dev/null
+++ b/source/sass/components/_site-content.scss
@@ -0,0 +1,24 @@
+/*
+|-------------------------------------------------------------------------------
+| Site content
+|-------------------------------------------------------------------------------
+*/
+.c-site-content {
+  min-height: 100vh;
+  max-width: $maxPageWidth;
+
+  background: $c-white;
+  border-left: 1px solid $c-grayMedium;
+  border-right: 1px solid $c-grayMedium;
+
+  // Less padding for mobile devices
+  @include breakpoint(mobile) {
+    padding: 20px;
+  }
+
+  // More padding + margin on desktop
+  @include breakpoint(desktop) {
+    padding: 30px;
+    margin-left: $sidebarWidth;
+  }
+}
\ No newline at end of file