compass_ae_sencha 1.0.0 → 1.0.1

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/core/_reset.scss

@@ -1,62 +0,0 @@
-body, div, dl, dt, dd, ul, ol, li, h1, h2, h3,
-h4, h5, h6, pre, code, form, fieldset, legend,
-input, textarea, p, blockquote, th, td {
-  margin: 0;
-  padding: 0;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-fieldset, img {
-  border: 0;
-}
-
-address, caption, cite, code,
-dfn, em, strong, th, var {
-  font-style: normal;
-  font-weight: normal;
-}
-
-li {
-  list-style: none;
-}
-
-caption, th {
-  text-align: left;
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-size: 100%;
-  font-weight: normal;
-}
-
-q:before,
-q:after {
-  content: "";
-}
-
-abbr, acronym {
-  border: 0;
-  font-variant: normal;
-}
-
-sup {
-  vertical-align: text-top;
-}
-
-sub {
-  vertical-align: text-bottom;
-}
-
-input, textarea, select {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-*:focus { 
-  outline: none;
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_carousel.scss

@@ -1,113 +0,0 @@
-@import '../global';
-
-/**
- * @class Ext.carousel.Indicator
- */
-
-/**
- * @var {measurement} $carousel-indicator-size Size (width/height) of carousel indicator dots.
- */
-$carousel-indicator-size: .5em !default;
-
-/**
- * @var {measurement} $carousel-indicator-spacing
- * Amount of space between carousel indicator dots.
- */
-$carousel-indicator-spacing: .2em !default;
-
-/**
- * @var {measurement} $carousel-track-size Size of the track the carousel indicator dots are in.
- */
-$carousel-track-size: 1.5em !default;
-
-/**
- * Creates a theme UI for carousel indicator components.
- *
- * @param {string} $ui-label The name of the UI being created.
- *   Can not included spaces or special punctuation (used in class names)
- * @param {color} $color Base color for the UI.
- * @param {string} $gradient Default gradient for the UI.
- * @param {color} $active-color Active color for the UI.
- * @param {string} $active-gradient Active gradient for the UI.
- */
-@mixin sencha-carousel-indicator-ui($ui-label, $color, $gradient, $active-color, $active-gradient) {
-  .x-carousel-indicator-#{$ui-label} span {
-    @include background-gradient($color, $gradient);
-
-    &.x-carousel-indicator-active {
-      @include background-gradient($active-color, $active-gradient)
-    }
-  }
-}
-
-/**
- * @class Ext.carousel.Carousel
- */
-
-/**
- * Includes basic carousel formatting.
- */
-@mixin sencha-carousel {
-  .x-carousel-inner {
-    position: relative;
-    overflow: hidden;
-  }
-
-  .x-carousel-item {
-    position: absolute !important;
-    width: 100%;
-    height: 100%;
-
-    > * {
-        position: absolute !important;
-        width: 100%;
-        height: 100%;
-    }
-  }
-
-  .x-carousel-indicator {
-    // @TODO: we should not have to cancel out the x-floating styling
-    padding: 0;
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    @include box-shadow(none);
-    background-color: transparent;
-    background-image: none;
-  }
-
-  .x-carousel-indicator {
-    -webkit-box-flex: 1;
-
-    @include display-box;
-    @include box-pack(center);
-    @include box-align(center);
-
-    span {
-      display: block;
-      width: $carousel-indicator-size;
-      height: $carousel-indicator-size;
-      @if $include-border-radius { @include border-radius($carousel-indicator-size / 2); }
-      margin: $carousel-indicator-spacing;
-    }
-  }
-
-  .x-carousel-indicator-horizontal {
-    height: $carousel-track-size;
-    width: 100%;
-  }
-
-  .x-carousel-indicator-vertical {
-    @include box-orient(vertical);
-    width: $carousel-track-size;
-    height: 100%;
-  }
-
-  $indicator-light: rgba(#fff, .1);
-  $indicator-light-active: rgba(#fff, .3);
-  $indicator-dark: rgba(#000, .1);
-  $indicator-dark-active: rgba(#000, .3);
-
-  @include sencha-carousel-indicator-ui('light', $indicator-light, 'flat', $indicator-light-active, 'flat');
-  @include sencha-carousel-indicator-ui('dark', $indicator-dark, 'flat', $indicator-dark-active, 'flat');
-}
-

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_charts.scss

@@ -1,134 +0,0 @@
-@import '../global';
-
-@mixin sencha-charts {
-  @include sencha-draw;
-
-  $legend-border-color: #ccc !default;
-  $legend-border: 1px solid $legend-border-color !default;
-  $legend-background-color: #fff !default;
-  $legend-z-index: 10 !default;
-  $legend-item-border: 1px solid rgba($legend-border-color, .5) !default;
-  $legend-item-background: rgba(#fff, 0) !default;
-  $legend-item-color: #333 !default;
-  $marker-size: .8em !default;
-
-  .x-legend {
-    .x-legend-inner {
-      .x-legend-container {
-        @include border-radius(5px);
-        border: $legend-border;
-        background: $legend-background-color;
-
-        //@if (lightness($legend-background-color) > 30) {
-        //  @include box-shadow(rgba(#fff, .6) 0 1px 1px);
-        //} @else {
-        //  @include box-shadow(rgba(#fff, .2) 0 1px 0);
-        //}
-        .x-legend-item {
-          padding: .8em 1em .8em $marker-size + 1em;
-          color: $legend-item-color;
-          background: $legend-item-background;
-          max-width: 20em;
-          min-width: 0;
-          font-size: 14px;
-          line-height: 14px;
-          font-weight: bold;
-          white-space: nowrap;
-          position: relative;
-
-          .x-legend-inactive {
-            @include opacity(.3);
-          }
-
-          .x-legend-item-marker {
-            position: absolute;
-            width: $marker-size;
-            height: $marker-size;
-            @include border-radius($marker-size/2);
-            @include box-shadow(rgba(#fff, .3) 0 1px 0, rgba(#000, .4) 0 1px 0 inset);
-            left: .7em;
-            top: 1em;
-          }
-        }
-      }
-    }
-    
-    &.x-docked-top, &.x-docked-bottom {
-      .x-legend-item {
-        border-right: $legend-item-border;
-        &:last-child {
-          border-right: 0;
-        }
-      }
-    }
-    
-    &.x-docked-left, &.x-docked-right {
-      .x-legend-inner {
-        display: -webkit-box;
-        -webkit-box-align: center;
-        -webkit-box-pack: center;
-      }
-    }
-  }
-
-  .x-legend-button-icon {
-    -webkit-mask-image: theme-image('default', 'pictos/list.png');
-  }
-
-  .x-panzoom-toggle-icon {
-    -webkit-mask-image: theme-image('default', 'pictos/move.png');
-  }
-
-  .x-zooming > .x-panzoom-toggle-icon {
-    -webkit-mask-image: theme-image('default', 'pictos/resize.png');
-  }
-
-  .x-chart-toolbar {
-    position: absolute;
-    z-index: 9;
-    @include display-box;
-    padding: .6em;
-
-    .x-button {
-      margin: .2em;
-    }
-
-    &[data-side=left], &[data-side=right] {
-      top: 0;
-      @include box-orient(vertical);
-    }
-
-    &[data-side=left] {
-      left: 0;
-    }
-
-    &[data-side=right] {
-      right: 0;
-    }
-
-    &[data-side=top], &[data-side=bottom] {
-      @include box-orient(horizontal);
-      right: 0;
-    }
-
-    &[data-side=top] {
-      top: 0;
-    }
-
-    &[data-side=bottom] {
-      bottom: 0;
-      @include box-orient(horizontal);
-    }
-  }
-
-  @if $include-default-icons {
-    @include pictos-iconmask('bookmarks');
-    @include pictos-iconmask('download');
-    @include pictos-iconmask('favorites');
-    @include pictos-iconmask('info');
-    @include pictos-iconmask('more');
-    @include pictos-iconmask('time');
-    @include pictos-iconmask('user');
-    @include pictos-iconmask('team');
-  }
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_draw.scss

@@ -1,34 +0,0 @@
-@import '../global';
-
-@mixin sencha-draw {
-  .x-android-3 .x-surface-wrap, .x-android-3 .x-surface-wrap > * {
-    -webkit-perspective: 1;
-  }
-
-  .x-draw-component {
-    position: relative;
-    .x-inner {
-      overflow: hidden;
-    }
-  }
-
-  .x-surface {
-    position: absolute;
-  }
-  
-  .x-chart-watermark {
-    opacity: 0.5;
-    z-index: 9;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    color: white;
-    padding: 4px 6px;
-    font-family: "Helvetica";
-    font-size: 12px;
-    position: absolute;
-    border-top-left-radius: 4px;
-    white-space:nowrap;
-    -webkit-border-top-left-radius: 4px;
-  }
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_form-sliders-basic.scss

@@ -1,102 +0,0 @@
-@import '../global';
-
-/*
- * Includes basic form slider styles.
- */
-@mixin sencha-form-sliders {
-
-  .x-slider {
-    position: relative;
-    height: $form-thumb-size;
-    margin: $form-spacing;
-    min-height: 0;
-  }
-
-  .x-thumb {
-    position: absolute;
-    height: $form-thumb-size;
-    width: $form-thumb-size;
-    border: 1px solid red;
-
-    &.x-dragging {
-      background-color: red;
-    }
-  }
-
-  .x-input-slider {
-    width: auto;
-    background-color: #000;
-  }
-
-  .x-field-toggle, .x-field-slider {
-    background-color: #fff;
-//    @extend .x-input-el;
-  }
-
-  .x-field-toggle .x-slider {
-    width: $form-thumb-size * 2;
-    @if $include-border-radius { @include border-radius($form-thumb-size/2); }
-    overflow: hidden;
-    border: .1em solid darken($form-light, 15%);
-    // -webkit-transform: translate3d(0px, 0px, 0px);
-    @include background-gradient($form-light, 'recessed');
-    z-index: 2;
-
-    // Masking the slider doesn't work in iOS 3, so we're fake-masking the outer area
-    // UPDATED: Doesnt fly on Android...
-    // &:after {
-    //   @include insertion($form-thumb-size*2, $form-thumb-size, 0, 0);
-    //   -webkit-mask: theme_image($theme-name, "trackmask_outer.png");
-    //   background-color: white;
-    //   -webkit-mask-size: $form-thumb-size*2 $form-thumb-size;
-    //   pointer-events: none;
-    //   z-index: 4;
-    // }
-
-    .x-thumb {
-
-      .x-toggle-thumb-off, .x-toggle-thumb-on {
-        display: none;
-      }
-
-      &.x-dragging {
-        opacity: 1;
-      }
-
-      &:before {
-        top: ($form-thumb-size - $form-toggle-size) / 2;
-      }
-
-      // Actual thumb
-      // &:after {
-      //   @include insertion($form-thumb-size, $form-thumb-size, 0, 0);
-      //   @include box-shadow(rgba(0,0,0,.5) 0 0 .15em);
-      //   @if $include-border-radius { @include border-radius($form-thumb-size/2); }
-      //   -webkit-transform: scale(.65);
-      //   @include background-gradient($complement_light, 'glossy');
-      //   border: 1px solid $complement;
-      //   overflow: visible;
-      //   z-index: 2;
-      // }
-
-      // &.x-dragging {
-      //   &:after {
-      //     -webkit-transform: scale(.75);
-      //   }
-      // }
-      //
-      // Used to animate the thumb. class added/removed by javascript when needed.
-      // &.x-animate {
-      //   -webkit-transition: left .2s ease-in-out;
-      // }
-    }
-
-    &.x-toggle-on {
-      @include background-gradient($confirm-color, 'recessed');
-    }
-  }
-
-  .x-android .x-field-toggle .x-slider {
-    //-webkit-transform: translate(0px, 0px);
-  }
-}