Contents

@theme(sc-huge-size) {
  
  $theme.button {
    
    .sc-button-label {
      margin-top:4px;
      height: 30px;
      font-size:13px;
    }
    
    
    @include slices("normal_button.png", $left: 3, $right: 3);
    
    &.active {
      @include slices("active_button.png", $left: 3, $right: 3);    
    }
  
    &.sel, &.def {
      @include slices("selected_button.png", $left: 3, $right: 3);    
  
      &.sel.active, &.def.active {
        @include slices("selected_active_button.png", $left: 3, $right: 3);    
      }
    }
  }

  @theme(point-left) {
    $theme.button {
      @include slices("normal_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
      
      .middle { left: 12px; }

      &.active {
        @include slices("active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
      }

      &.sel, &.def {
        @include slices("selected_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
      }

      &.sel.active, &.def.active {
        @include slices("selected_active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
      }
    }
  }
  
  @theme(point-right) {
    $theme.button {
      @include slices("normal_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
      
      .middle { right: 12px; }

      &.active {
        @include slices("active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
      }

      &.sel, &.def {
        @include slices("selected_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
      }

      &.sel.active, &.def.active {
        @include slices("selected_active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
      }
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
sproutcore-1.5.0.pre.4.1	lib/frameworks/sproutcore/themes/ace/resources/button/ace/30px/button.css
sproutcore-1.5.0.pre.4	lib/frameworks/sproutcore/themes/ace/resources/button/ace/30px/button.css
sproutcore-1.5.0.pre.3	lib/frameworks/sproutcore/themes/ace/resources/button/ace/30px/button.css