nav_slidingdoor.sass in cyaml-0.0.24

- old
+ new

@@ -17,11 +17,11 @@
 
 @media all
   .hlist
     /* (en) This image is mainly transparent
     /* (de) Dieses Bild ist größtenteils transparent
-    background: transparent url("/images/sliding_door/round/bg.gif") repeat-x bottom
+    background: transparent url("#{$yaml_img_dir}/sliding_door/round/bg.gif") repeat-x bottom
     float: left
     width: 100%
     ul
       margin: 0
       padding: 0
@@ -30,20 +30,20 @@
       white-space: nowrap
     li
       /* (en) Repeat the main color from the image
       /* (de) Wiederholung der Hauptfarbe aus der Bilddatei
       list-style-type: none !important
-      background: #e0ecf8 url("/images/sliding_door/round/left.png") no-repeat top left
+      background: #e0ecf8 url("#{$yaml_img_dir}/sliding_door/round/left.png") no-repeat top left
       border-bottom: 1px solid #000
       float: left
       /* LTR
       margin: 0
       padding: 0 0 0 3px
     a, strong
       /* (en) This image is mainly transparent
       /* (de) Dieses Bild ist größtenteils transparent
-      background: transparent url("/images/sliding_door/round/right.png") no-repeat top right
+      background: transparent url("#{$yaml_img_dir}/sliding_door/round/right.png") no-repeat top right
       color: #667
       display: block
       font-weight: normal
       padding: 5px 11px 3px 8px
       text-decoration: none
@@ -72,27 +72,27 @@
         background-position: 0 -150px
       &:focus a, &:hover a, &:active a
         background-position: 100% -150px
     a
       &:focus, &:hover, &:active
-        background: transparent url("/images/sliding_door/round/right.png") no-repeat top right
+        background: transparent url("#{$yaml_img_dir}/sliding_door/round/right.png") no-repeat top right
         color: #223
         outline: 0 none
         text-decoration: none
     ul li.active
       /* (en) Repeat the main color from the image
       /* (de) Wiederholung der Hauptfarbe aus der Bilddatei
-      background: white url("/images/sliding_door/round/left_on.png") no-repeat top left
+      background: white url("#{$yaml_img_dir}/sliding_door/round/left_on.png") no-repeat top left
       border: 0 none
       &:focus, &:hover, &:active
         /* (en) Repeat the main color from the image
         /* (de) Wiederholung der Hauptfarbe aus der Bilddatei
-        background: white url("/images/sliding_door/round/left_on.png") no-repeat top left
+        background: white url("#{$yaml_img_dir}/sliding_door/round/left_on.png") no-repeat top left
         border: 0 none
     li.active strong
       /* (en) This image is mainly transparent
       /* (de) Dieses Bild ist größtenteils transparent
-      background: transparent url("/images/sliding_door/round/right_on.png") no-repeat top right
+      background: transparent url("#{$yaml_img_dir}/sliding_door/round/right_on.png") no-repeat top right
       color: #334
       font-weight: bold
       padding-bottom: 4px
       padding-top: 5px
   /**