Refactoring of styles - BEM + ITCSS, removed Disqus.

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

diff --git a/source/sass/components/_site-viewport.scss b/source/sass/components/_site-viewport.scss
new file mode 100644 (file)
index 0000000..20990dd
--- /dev/null
+++ b/source/sass/components/_site-viewport.scss
@@ -0,0 +1,20 @@
+/*
+|-------------------------------------------------------------------------------
+| Site viewport
+|-------------------------------------------------------------------------------
+*/
+.c-site-viewport {
+  width: 100%;
+  @include translateX(0);
+
+  @include breakpoint(mobile) {
+    @include transition(300ms);
+  }
+}
+
+// Sidebar visible state
+@include breakpoint(mobile) {
+  [data-menu-visible="1"] .c-site-viewport {
+    @include translateX($sidebarWidth);
+  }
+}
\ No newline at end of file