change viewmodel-state to sidebar-state

Author: benediktvaldez

src/scss/components/_body.scss

@@ -52,7 +52,7 @@ pagewrap {
   }
 
 
-  body[data-viewmodel-state='sidebar-open'] & {
+  body[data-sidebar-state='open'] & {
     transform: translate3d($spacing*2,0,0);
   }
 }
@@ -65,7 +65,7 @@ main {
   transition-property: opacity;
   transition-duration: $transition-duration;
 
-  body[data-viewmodel-state='sidebar-open'] & {
+  body[data-sidebar-state='open'] & {
     opacity: 0.7;
   }
 }

src/scss/components/_header.scss

@@ -22,15 +22,9 @@ header {
     transition-delay: 0;
   }
 
-  body[data-viewmodel-state='sidebar-open'] &,
-  body[data-viewmodel-position='hero'] & {
+  body[data-sidebar-state='open'] & {
     transition-delay: 0;
     background: rgba($color-blue,0);
     transform: translate3d(0,0,0);
   }
-
-  body[data-viewmodel-state='sidebar-open'] & {
-    transition-delay: 0;
-    // transform: translate3d(10px,10px,0);
-  }
 }

src/scss/components/_overlay.scss

@@ -12,7 +12,7 @@ overlay {
   transition: opacity $transition-duration, transform $transition-duration ease $transition-duration;
   z-index: 80;
 
-  body[data-viewmodel-state='sidebar-open'] & {
+  body[data-sidebar-state='open'] & {
     cursor: pointer;
     opacity: 0;
     transform: translate3d(0, 0, 0);

src/scss/components/hero/_base.scss

@@ -16,7 +16,7 @@ hero {
   transition-property: opacity;
   transition-duration: $transition-duration;
 
-  body[data-viewmodel-state='sidebar-open'] & {
+  body[data-sidebar-state='open'] & {
     opacity: 0.7;
     transition-delay: $transition-duration;
   }

src/scss/components/sidebar/_base.scss

@@ -25,7 +25,7 @@ sidebar {
     transition-duration: 0;
   }
 
-  body[data-viewmodel-state='sidebar-open'] & {
+  body[data-sidebar-state='open'] & {
     transition-delay: $transition-duration-slower - $transition-duration-slow;
     transform: translate3d($spacing/2,$spacing/2,0);
   }

src/scss/components/sidebar/_toggle.scss

@@ -32,7 +32,7 @@ toggle {
     height: 5px;
   }
 
-  body[data-viewmodel-state='sidebar-open'] & {
+  body[data-sidebar-state='open'] & {
     transform: translate3d(5px,5px,0) rotate(0deg);
 
     bar {