Refactoring of styles - BEM + ITCSS, removed Disqus.
[ghost-theme-willow.git] / source / sass / components / _site-viewport.scss
1 /*
2 |-------------------------------------------------------------------------------
3 | Site viewport
4 |-------------------------------------------------------------------------------
5 */
6 .c-site-viewport {
7 width: 100%;
8 @include translateX(0);
9
10 @include breakpoint(mobile) {
11 @include transition(300ms);
12 }
13 }
14
15 // Sidebar visible state
16 @include breakpoint(mobile) {
17 [data-menu-visible="1"] .c-site-viewport {
18 @include translateX($sidebarWidth);
19 }
20 }