/* |------------------------------------------------------------------------------- | 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); } }