navigation.css in material_design-0.2.0

- old
+ new

@@ -3,11 +3,11 @@
   width: 360px;
   padding: 12px;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 16px;
-  background: var(--M3-sys-light-surface-container-low, #F7F2FA);
+  background: var(--md-sys-light-surface-container-low);
 }
 
 .navigation-drawer__headline {
   display: flex;
   height: 56px;
@@ -35,10 +35,10 @@
   align-self: stretch;
   border-radius: 100px;
 }
 
 .navigation-drawer__nav_item:hover {
-  background: var(--M3-state-layers-light-on-surface-opacity, #1D1B2014);
+  background: var(-md-state-layers-light-on-surface-opacity, #1D1B2014);
 }
 
 .navigation-drawer__state-layer {
   display: flex;
   padding: 16px 24px 16px 16px;