sproutcore 1.10.0.rc.3 → 1.10.0

data/lib/frameworks/sproutcore/themes/ace/resources/button/ace/44px/button.css

@@ -9,7 +9,7 @@
       color: #777;
       line-height: 24px;
       margin-top: 10px;
-      top: 0px;
+      top: 0;
       height: 24px;
     }
 
@@ -27,7 +27,7 @@
     &.sel, &.def {
       .sc-button-label {
         color:white;
-        text-shadow: 0px -1px 1px black;
+        text-shadow: 0 -1px 1px black;
       }
 
       @include slices("selected_button.png", $left: 3, $right: 3);

data/lib/frameworks/sproutcore/themes/ace/resources/button/ace/button.css

@@ -1,39 +1,39 @@
 $theme.button {
 
-  border: 0px none;
+  border: 0 none;
   color: #555;
-  text-shadow: 0px 1px 1px white;
-  
+  text-shadow: 0 1px 1px white;
+
   &.active {
     color: #333;
-    text-shadow: 0px 1px 1px white;
+    text-shadow: 0 1px 1px white;
   }
-  
+
   &.sel, &.def {
     color: #fff;
     font-weight:200;
-    text-shadow: 0px -1px 1px rgba(0,0,0,.5);    
+    text-shadow: 0 -1px 1px rgba(0,0,0,.5);
   }
-  
+
   &.disabled {
     opacity: .5;
   }
-  
+
   .sc-button-label {
     position: relative;
     display: block;
     line-height: 21px;
     text-align: center;
-    margin-top: 0px;
+    margin-top: 0;
 
     padding-left: 10px; padding-right: 10px;
 
 
   }
-  
+
   &.sc-static-layout {
     display: inline-block;
-    
+
     .ie7 & {
       display: inline;
     }

data/lib/frameworks/sproutcore/themes/ace/resources/button/dark/button.css

@@ -2,16 +2,16 @@
 
   $theme.button {
     color: #ddd;
-    text-shadow: 0px -1px 0px black;
-    
+    text-shadow: 0 -1px 0 black;
+
     &.active {
       color: #bbb;
-      text-shadow: 0px -1px 0px black;
+      text-shadow: 0 -1px 0 black;
     }
-    
+
     &.sel.active, &.def.active {
       color: #ddd;
-      text-shadow: 0px -1px 0px black;      
+      text-shadow: 0 -1px 0 black;
     }
   }
 }

data/lib/frameworks/sproutcore/themes/ace/resources/button/dark/jumbo/button.css

@@ -2,16 +2,16 @@
 
   $theme.button {
     color: #555;
-    text-shadow: 0px 1px 0px white;
+    text-shadow: 0 1px 0 white;
 
     &.active {
       color: #333;
-      text-shadow: 0px 1px 0px white;
+      text-shadow: 0 1px 0 white;
     }
 
     &.sel.active, &.def.active {
       color: white;
-      text-shadow: 0px 1px 0px white;
+      text-shadow: 0 1px 0 white;
     }
   }
 }

data/lib/frameworks/sproutcore/themes/ace/resources/button/dark/small/button.css

@@ -2,16 +2,16 @@
 
   $theme.button {
     color: #555;
-    text-shadow: 0px 1px 0px white;
+    text-shadow: 0 1px 0 white;
 
     &.active {
       color: #333;
-      text-shadow: 0px 1px 0px white;
+      text-shadow: 0 1px 0 white;
     }
 
     &.sel.active, &.def.active {
       color: white;
-      text-shadow: 0px 1px 0px white;
+      text-shadow: 0 1px 0 white;
     }
   }
 }

data/lib/frameworks/sproutcore/themes/ace/resources/button/popup/select.css

@@ -14,7 +14,7 @@
     &.sel, &.sel.active, &.active {
       @include slices("active_select.png", $left: 5, $right: 25);
 
-      text-shadow: 0px 1px 1px rgba(255, 255, 255, .6);
+      text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
     }
   }
 }

data/lib/frameworks/sproutcore/themes/ace/resources/checkbox/ace/checkbox.css

@@ -1,7 +1,7 @@
 $theme.checkbox {
-  border: 0px none;
-  
+  border: 0 none;
+
   &.disabled {
     opacity: .5;
   }
-}
+}

data/lib/frameworks/sproutcore/themes/ace/resources/collection/source-list/source_list_view.css

@@ -1,4 +1,4 @@
-/* 
+/*
 First, a helper for other views so they can have the source list background.
 */
 $theme.source-list-background {
@@ -22,15 +22,15 @@ $theme.source-list-background {
       border-bottom: 1px solid #43638d;
       color: white;
       font-weight: bold;
-      text-shadow: 0px 1px 1px black;
+      text-shadow: 0 1px 1px black;
     }
 
     .sc-collection-item.sc-group-item {
       font-weight: bold;
       color: #4a4a4a;
-      text-shadow: 0px 1px 1px white;
+      text-shadow: 0 1px 1px white;
       font-size:12px;
     }
 
   }
-}
+}

data/lib/frameworks/sproutcore/themes/ace/resources/disclosure/ace/disclosure.css

@@ -1,20 +1,20 @@
 /* Main */
 $theme.disclosure {
-  
-  border: 0px none;
+
+  border: 0 none;
   color: black;
-  text-shadow: white 0px 1px 1px;
-  
+  text-shadow: white 0 1px 1px;
+
   .sc-button-label {
     left: 18px;
   }
-  
+
   img.disclosure.button {
     width: 14px;
     height: 14px;
     &.open    { @include slice("disclosure_open.png"); }
     &.closed  { @include slice("disclosure_closed.png"); }
-    
+
     &.active {
       &.open    { @include slice("disclosure_open_active.png"); }
       &.closed  { @include slice("disclosure_closed_active.png"); }

data/lib/frameworks/sproutcore/themes/ace/resources/imagebutton/ace/imagebutton.css

@@ -1,11 +1,11 @@
 $theme.image-button {
-  border: 0px none;
+  border: 0 none;
 
   .img {
     position: absolute;
-    left: 0px;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
   }
 }

data/lib/frameworks/sproutcore/themes/ace/resources/menu/menu.css

@@ -1,19 +1,19 @@
 $theme.menu {
   .sc-menu-scroll-view { background: transparent; }
-  
+
   .panel-background {
     background: transparent;
     position: absolute;
     top: -22px; right: -15px; bottom: -22px; left: -15px;
     @include slices("menu.png", $left: 25, $right: 25, $top: 25, $bottom: 25, $fill: 1 1);
   }
-  
+
   /* may want to make some of this control size dependent... */
-  
+
   .sc-menu-item {
     background: transparent;
-    border: 0px none;
-    
+    border: 0 none;
+
     .value {
       margin-left: 20px;
       line-height: 20px;
@@ -22,19 +22,19 @@ $theme.menu {
     .has-icon .value {
       margin-left: 44px;
     }
-    
+
     &.focus, a:hover {
       span { color: white; }
       @include slice("menu_item.png", $width: 1, $repeat: repeat-x);
-      text-shadow: 0px -1px 1px rgba(0, 0, 0, .6);
+      text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
     }
-    
+
     &.disabled a:hover, &.disabled.focus a:hover {
       span { color: #A0A0A0; }
       text-shadow: none;
       background: transparent;
     }
-    
+
     /* CHECKBOXES */
     .checkbox {
       position: absolute;
@@ -43,15 +43,15 @@ $theme.menu {
       width: 12px; height: 12px;
       @include slice(checkmark.png);
     }
-    
+
     &.focus .checkbox, &:hover .checkbox {
       top: 4px; /* NOTE THE SLIGHT DIFFERENCE */
       @include slice(checkmark_active.png);
     }
-    
+
     /* SEPARATORS */
     span.separator {
-      margin-left: 0px;
+      margin-left: 0;
       position: absolute;
       top: 2px;
       left: 1px;
@@ -60,22 +60,22 @@ $theme.menu {
       border-bottom: 1px solid rgb(200, 200, 200);
     }
   }
-  
+
   /* ARROWS */
   .sc-menu-scroller-view { background: transparent; }
-  
+
   .arrowUp {
     position: absolute;
     left: 50%; top: -3px; margin-left: -7px;
     height: 14px; width: 14px;
     @include slice(up.png);
   }
-  
+
   .arrowDown {
     position: absolute;
     left: 50%; bottom: -3px; margin-left: -7px;
     height: 14px; width: 14px;
     @include slice(down.png);
   }
-  
+
 }

data/lib/frameworks/sproutcore/themes/ace/resources/picker/popover/popover.css

@@ -2,106 +2,106 @@
   $theme.picker {
     background: none;
   }
-  
+
   $theme.toolbar {
     background: none;
     color: white;
     text-shadow: none;
-    border-bottom: 0px none;
+    border-bottom: 0 none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
   }
-  
+
   $theme.workspace {
     overflow: visible;
     background: none;
-    
+
     .popover-background {
-      
+
       position: absolute;
       top: -25px;
       bottom: -25px;
       left: -25px;
       right: -25px;
-      
+
       @include slices("popover_notoolbar.png", $left: 30, $top: 34, $bottom: 34, $right: 30, $fill: 1 1, $skip: middle);
 
       .middle { display: none }
-      
+
       div { z-index: 5; }
     }
-    
+
     &.top-toolbar .popover-background {
       top: -20px;
       @include slices(
-        "popover.png", $left: 30, $top: 75, $bottom: 34, $right: 30, 
+        "popover.png", $left: 30, $top: 75, $bottom: 34, $right: 30,
         $skip: left middle right bottom-left bottom bottom-left bottom-right
       );
 
     }
-    
-    
+
+
     &.bottom-toolbar .popover-background {
       bottom: -20px;
       @include slices(
-        "popover.png", $left: 30, $bottom: 75, $top: 34, $right: 30, 
+        "popover.png", $left: 30, $bottom: 75, $top: 34, $right: 30,
         $skip: left middle right top-left top top-right
       );
-      
+
     }
-    
+
   }
-  
+
   @theme(solid) {
-    $theme.picker .popover-background, 
-    $theme.picker.top-toolbar    .popover-background, 
+    $theme.picker .popover-background,
+    $theme.picker.top-toolbar    .popover-background,
     $theme.picker.bottom-toolbar .popover-background {
       top: -25px;
       bottom: -25px;
-    
+
       @include slices("popover_empty.png", $left: 30, $top: 75, $bottom: 40, $right: 30, $fill: 1 1);
     }
   }
-  
+
   $theme.picker.perfectBottom {
     .sc-pointer {
       z-index: 6;
-      position: absolute; width: 50px; height: 25px; margin-left: -25px; left: 50%; top: 0px;
+      position: absolute; width: 50px; height: 25px; margin-left: -25px; left: 50%; top: 0;
       @include slice("popover_pointers_notoolbar.png", $left: 155, $top: 0, $width: 50, $height: 25);
     }
-    
+
     &.solid .sc-pointer, .solid .sc-pointer {
-      top: 0px;
+      top: 0;
       @include slice("popover_pointers.png", $left: 155, $top: 0, $width: 50, $height: 25);
     }
-    
-    .top-toolbar .sc-pointer { 
-      top: 0px;
+
+    .top-toolbar .sc-pointer {
+      top: 0;
       @include slice("popover_pointers.png", $left: 155, $top: 0, $width: 50, $height: 25);
     }
-    
+
     &.extra-left {
       .sc-pointer { left: 70px; }
     }
   }
-  
+
   $theme.picker.perfectTop {
     .sc-pointer {
       z-index: 6;
-      position: absolute; width: 50px; height: 25px; margin-left: -25px; left: 50%; bottom: 0px;
+      position: absolute; width: 50px; height: 25px; margin-left: -25px; left: 50%; bottom: 0;
       @include slice("popover_pointers.png", $left: 155, $bottom: 0, $width: 50, $height: 25);
     }
-    
+
     &.solid .sc-pointer, .solid .sc-pointer {
-      bottom: 0px;
+      bottom: 0;
       @include slice("popover_pointers.png", $left: 155, $bottom: 0, $width: 50, $height: 25);
     }
-    
-    .top-toolbar .sc-pointer { 
-      bottom: 0px;
+
+    .top-toolbar .sc-pointer {
+      bottom: 0;
       @include slice("popover_pointers.png", $left: 155, $bottom: 0, $width: 50, $height: 25);
     }
-    
+
     &.extra-left {
       .sc-pointer { left: 70px; }
     }
@@ -110,17 +110,17 @@
   $theme.picker.perfectLeft {
     .sc-pointer {
       z-index: 6;
-      position: absolute; width: 20px; height: 50px; margin-left: -20px; right: 0px; top: 40px;
+      position: absolute; width: 20px; height: 50px; margin-left: -20px; right: 0; top: 40px;
       @include slice("popover_pointers.png", $right: 0, $top: 85, $width: 20, $height: 50);
     }
 
     &.solid .sc-pointer, .solid .sc-pointer {
-      bottom: 0px;
+      bottom: 0;
       @include slice("popover_pointers.png", $right: 0, $top: 85, $width: 20, $height: 50);
     }
 
-    .top-toolbar .sc-pointer { 
-      bottom: 0px;
+    .top-toolbar .sc-pointer {
+      bottom: 0;
       @include slice("popover_pointers.png", $right: 0, $top: 85, $width: 20, $height: 50);
     }
 
@@ -132,17 +132,17 @@
   $theme.picker.perfectRight {
     .sc-pointer {
       z-index: 6;
-      position: absolute; width: 20px; height: 50px; margin-left: 0px; left: 0px; top: 40px;
+      position: absolute; width: 20px; height: 50px; margin-left: 0; left: 0; top: 40px;
       @include slice("popover_pointers.png", $left: 0, $top: 85, $width: 20, $height: 50);
     }
 
     &.solid .sc-pointer, .solid .sc-pointer {
-      bottom: 0px;
+      bottom: 0;
       @include slice("popover_pointers.png", $left: 0, $top: 85, $width: 20, $height: 50);
     }
 
-    .top-toolbar .sc-pointer { 
-      bottom: 0px;
+    .top-toolbar .sc-pointer {
+      bottom: 0;
       @include slice("popover_pointers.png", $left: 0, $top: 85, $width: 20, $height: 50);
     }