compass_ae_sencha 2.0.0 → 2.2.0

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/src/picker/_Picker.scss

@@ -1,79 +0,0 @@
-/**
- * @class Ext.picker.Picker
- */
-
-.x-picker .x-picker-inner {
-    background-color: #fff;
-    overflow: hidden;
-    margin: $sheet-padding;
-
-    @if $include-border-radius {
-        @include border-radius($picker-sheet-radius);
-    }
-    @include background-clip(padding-box);
-
-    @if $include-picker-highlights {
-        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#bbbbbb));
-        background: -webkit-linear-gradient(top,  #bbbbbb 0%,#ffffff 30%,#ffffff 70%,#bbbbbb 100%);
-    }
-}
-
-.x-picker-slot .x-scroll-view {
-    @if $include-highlights {
-        @include box-shadow(rgba(#000,.4) -1px 0 1px);
-    }
-
-    &:first-child {
-        @include box-shadow(none);
-    }
-}
-
-.x-picker-bar {
-    border-top: .12em solid $picker-active-border-color;
-    border-bottom: .12em solid $picker-active-border-color;
-    height: $picker-row-height;
-    @include background-gradient(hsla(hue($active-color), 90, 50, .3), $picker-bar-gradient);
-
-    @if $include-highlights {
-        @include box-shadow(rgba(#000,0.2) 0 .2em .2em);
-    }
-}
-
-.x-use-titles {
-    .x-picker-bar {
-        margin-top: 1.5em;
-    }
-}
-
-.x-picker-slot-title {
-    height: 1.5em;
-    border-top: 1px solid $picker-title-bg-color;
-    border-bottom: 1px solid darken($picker-title-bg-color, 20%);
-    padding: 0.2em 1.02em;
-
-    @include box-shadow(rgba(0, 0, 0, 0.3) 0px .1em .3em);
-    @include background-gradient($picker-title-bg-color, $picker-title-bg-gradient);
-
-    > div {
-        font-size: 0.8em;
-        color: $picker-title-color;
-        @if $include-picker-highlights {
-            @include bevel-text('light');
-        }
-    }
-}
-
-.x-picker-slot {
-    border-left: 2px solid #acacac;
-
-    .x-dataview-item {
-        height: $picker-row-height;
-        line-height: $picker-row-height;
-        font-weight: bold;
-        padding: 0 10px;
-    }
-
-    &:first-child {
-        border-left: 0;
-    }
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/src/plugin/_ListPaging.scss

@@ -1,18 +0,0 @@
-/**
- * @class Ext.plugin.ListPaging
- */
-
-.x-list-paging {
-    padding: 1em 0;
-
-    .x-list-paging-msg {
-        color: $active-color;
-        @if $include-border-radius {
-            @include border-radius(6px);
-        }
-    }
-
-    &.x-loading {
-        padding: 0.5em;
-    }
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/src/plugin/_PullRefresh.scss

@@ -1,24 +0,0 @@
-/**
- * @class Ext.plugin.PullRefresh
- */
-
-.x-list-pullrefresh-arrow {
-    background: center center theme_image('default', "pullarrow.png") no-repeat;
-    background-size: 2em 3em;
-    -webkit-transition-property: -webkit-transform;
-    -webkit-transition-duration: 200ms;
-    @include rotate(0deg);
-}
-
-.x-android-2 .x-list-pullrefresh-arrow {
-    -webkit-transition-property: none;
-    -webkit-transition-duration: 0;
-}
-
-.x-list-pullrefresh-release .x-list-pullrefresh-arrow {
-    @include rotate(-180deg);
-}
-
-.x-list-pullrefresh-message {
-    margin-bottom: 0.1em;
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/src/slider/_Slider.scss

@@ -1,77 +0,0 @@
-/**
- * @class Ext.slider.Slider
- */
-
-// Private variables
-$form-thumb-space: ($form-thumb-size - $form-toggle-size) / 2;
-
-.x-slider,
-.x-toggle {
-    height: $form-thumb-size;
-}
-
-.x-slider.x-item-disabled {
-    opacity: .6;
-}
-
-@if $basic-slider {
-    .x-thumb {
-        height: $form-thumb-size;
-        width: $form-thumb-size;
-        border: 1px solid #000;
-        background-color: #777;
-
-        &.x-dragging {
-            background-color: #AAA;
-        }
-    }
-
-    // Create the slider track
-    .x-slider:before {
-        margin: 0 $form-toggle-size/2;
-        border: .1em solid rgba(#000, .1);
-        border-bottom: 0;
-        background-color: $form-light;
-        @include insertion(auto, $form-slider-size, $form-toggle-size / 2 - $form-slider-size/2 + $form-spacing/2 - $form-thumb-space / 2, 0);
-    }
-} @else {
-    .x-thumb {
-        height: $form-thumb-size;
-        width: $form-thumb-size;
-        background: transparent none;
-        border: 0;
-
-        // The actual thumb
-        &:after {
-            border: 1px solid darken($form-light, 30%);
-            @include insertion($form-toggle-size, $form-toggle-size, $form-thumb-space, $form-thumb-space);
-            @include background-gradient($form-light);
-            @include background-clip(padding-box);
-            @if $include-border-radius {
-                @include border-radius($form-toggle-size/2);
-            }
-        }
-
-        &.x-dragging {
-            opacity: 1;
-            &:after {
-                @include background-gradient(darken($form-light, 5%));
-            }
-        }
-    }
-
-    // Create the slider track
-    .x-slider:before {
-        margin: 0 $form-toggle-size/2;
-        border: .1em solid rgba(#000, .1);
-        border-bottom: 0;
-
-        @include insertion(auto, $form-slider-size, $form-toggle-size / 2 - $form-slider-size/2 + $form-spacing/2 - $form-thumb-space / 2, 0);
-        @include background-gradient($form-light, 'recessed');
-        @include box-shadow(rgba(#fff,.7) 0 .1em 0);
-        @if $include-border-radius {
-            @include border-radius($form-slider-size/2);
-        }
-    }
-}
-

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/src/slider/_Toggle.scss

@@ -1,27 +0,0 @@
-/**
- * @class Ext.slider.Toggle
- */
-
-.x-toggle {
-    width: $form-thumb-size * 2;
-    border: 1px solid darken($form-light, 15%);
-
-    @include background-gradient($form-light, 'recessed');
-    @if $include-border-radius {
-        @include border-radius($form-thumb-size/2);
-    }
-
-    .x-thumb {
-        &.x-dragging {
-            opacity: 1;
-        }
-
-        &:before {
-            top: ($form-thumb-size - $form-toggle-size) / 2;
-        }
-    }
-}
-
-.x-toggle-on {
-    @include background-gradient($confirm-color, 'recessed');
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/src/tab/_Panel.scss

@@ -1,202 +0,0 @@
-/**
- * @class Ext.tab.Panel
- */
-
-// Private variables
-$tabs-top-height: $global-row-height - .8em;
-$tabs-top-icon-size: $tabs-top-height - .6em;
-
-// Rules for all tabs
-.x-tab.x-item-disabled span.x-button-label,
-.x-tab.x-item-disabled .x-button-icon {
-    @include opacity(.5);
-}
-
-.x-tab.x-draggable {
-    @include opacity(.7);
-}
-
-@mixin sencha-top-tabs {
-    .x-tabbar.x-docked-top {
-        height: $global-row-height;
-        padding: 0 .8em;
-
-        .x-tab {
-            background: transparent none;
-            border: 0;
-
-            padding: (($tabs-top-height - 1em) / 2) .8em;
-            height: $tabs-top-height;
-            @if $include-border-radius {
-                @include border-radius($tabs-top-height / 2);
-            }
-
-            .x-button-label {
-                font-size              : .8em;
-                line-height            : 1.2em;
-                text-rendering         : optimizeLegibility;
-                -webkit-font-smoothing : antialiased;
-            }
-
-            .x-badge {
-                font-size : .6em !important;
-                top       : -0.5em;
-            }
-
-            .x-button-icon {
-                width: $tabs-top-icon-size;
-                height: $tabs-top-icon-size;
-                margin: 0 auto;
-
-                &:before {
-                    font-size: 1.6em;
-                }
-            }
-
-            &.x-tab-icon {
-                padding : (($tabs-top-height - 1em) / 2) - .1em .8em;
-
-                .x-button-label {
-                    margin: 0;
-                    margin-left: .8em;
-                    padding: .1em 0 .2em 0;
-                    display: inline-block;
-                    position: relative;
-                    top: -.2em;
-                }
-            }
-        }
-    }
-}
-
-@mixin sencha-bottom-tabs {
-    .x-tabbar.x-docked-bottom {
-        height: 3em;
-        padding: 0;
-
-        .x-tab {
-            background: transparent none;
-            border: 0;
-
-            padding-top: .2em;
-            @if $include-border-radius {
-                @include border-radius($tabs-bottom-radius);
-            }
-            @include st-box-orient(vertical);
-
-            .x-button-icon {
-                width: $tabs-bottom-icon-size;
-                height: $tabs-bottom-icon-size;
-                margin: 0 auto;
-
-                &:before {
-                    font-size: 1.6em;
-                    line-height: 1.1em;
-                }
-            }
-
-            .x-button-label {
-                margin: 0;
-                padding: .1em 0 .2em 0;
-                font-size: 9px;
-                line-height: 12px;
-                text-rendering: optimizeLegibility;
-                -webkit-font-smoothing: antialiased;
-            }
-        }
-    }
-}
-
-/**
- * Creates a theme UI for tabbar/tab components.
- *
- *     // SCSS
- *     @include sencha-button-ui('pink', #333, 'matte', #AE537A);
- *
- *     // JS
- *     var tabs = new Ext.tab.Panel({
- *        tabBar: {
- *          ui: 'pink',
- *          dock: 'bottom',
- *          layout: { pack: 'center' }
- *        },
- *        ...
- *     });
- *
- * @param {string} $ui-label The name of the UI being created.
- *   Can not included spaces or special punctuation (used in class names)
- * @param {color} $bar-color Base color for the tab bar.
- * @param {string} $bar-gradient Background gradient style for the tab bar.
- * @param {color} $tab-active-color Background-color for active tab icons.
- *
- * @member Ext.tab.Bar
- */
-@mixin sencha-tabbar-ui($ui-label, $bar-color, $bar-gradient, $tab-active-color) {
-    .x-tabbar-#{$ui-label} {
-        border-top-color: darken($bar-color, 5%);
-        border-bottom-color: darken($bar-color, 15%);
-        @include background-gradient($bar-color, $bar-gradient);
-
-        .x-tab {
-            @include color-by-background($bar-color, 40%);
-            border-bottom: 1px solid transparent;
-        }
-
-        .x-tab-active {
-            @include color-by-background($bar-color, 90%);
-            border-bottom-color: lighten($bar-color, 3%);
-
-            .x-button-icon:before {
-                color: $tab-active-color;
-            }
-        }
-
-        .x-tab-pressed {
-            @include color-by-background($bar-color, 100%);
-        }
-    }
-
-    @if $include-bottom-tabs {
-        .x-tabbar-#{$ui-label}.x-docked-bottom {
-            .x-tab {
-                @include bevel-by-background($bar-color);
-            }
-
-            .x-tab-active {
-                @include background-gradient(darken($bar-color, 5%), recessed);
-                @include bevel-by-background(lighten($bar-color, 10%));
-
-                @if ($include-tab-highlights) {
-                    @include box-shadow(darken($bar-color, 10%) 0 0 .25em inset);
-                }
-
-                .x-button-icon:before {
-                    color: $tab-active-color;
-                }
-            }
-        }
-    }
-
-    @if $include-top-tabs {
-        .x-tabbar-#{$ui-label}.x-docked-top {
-            .x-tab-active {
-                @include background-gradient(darken($bar-color, 5%), 'recessed');
-                @include color-by-background(darken($bar-color, 5%));
-            }
-        }
-    }
-}
-
-@if $include-top-tabs {
-    @include sencha-top-tabs;
-}
-
-@if $include-bottom-tabs {
-    @include sencha-bottom-tabs;
-}
-
-@if $include-tabbar-uis {
-    @include sencha-tabbar-ui('light', $tabs-light, $tabs-bar-gradient, $tabs-light-active);
-    @include sencha-tabbar-ui('dark', $tabs-dark, $tabs-bar-gradient, $tabs-dark-active-color);
-    @include sencha-tabbar-ui('neutral', $neutral-color, $tabs-bar-gradient, darken($neutral-color, 40));
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/var/_Button.scss

@@ -1,39 +0,0 @@
-/**
- * @class Ext.Button
- */
-
-/**
- * @var {measurement} $button-height Default height for buttons.
- */
-$button-height: 1.8em;
-
-/**
- * @var {measurement} $button-radius
- * Default border-radius for buttons. Please note, you can only use `em` as a value here.
- */
-$button-radius: .4em !default;
-
-/**
- * @var {measurement} $button-stroke-weight Default border width for buttons.
- */
-$button-stroke-weight: 1px !default;
-
-/**
- * @var {string} $button-gradient Default gradient for buttons.
- */
-$button-gradient: $base-gradient !default;
-
-/**
- * @var {string} $toolbar-icon-size Default size (width and height) for toolbar icons.
- */
-$toolbar-icon-size: 1.4em !default;
-
-/**
- * @var {boolean} $include-button-uis Optionally disable separate button UIs, including action, confirm, and decline.
- */
-$include-button-uis: $include-default-uis !default;
-
-/**
- * @var {boolean} $include-button-highlights Optionally disable special CSS3 effects on buttons including gradients, text-shadows, and box-shadows.
- */
-$include-button-highlights: $include-highlights !default;