compass_ae_sencha 2.0.0 → 2.2.0

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/windows/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/windows/src/slider/_Slider.scss

@@ -1,77 +0,0 @@
-/**
- * @class Ext.slider.Slider
- */
-
-.x-slider {
-    height: $form-slider-height;
-
-    &:before {
-        margin: 0;
-    }
-}
-
-.x-slider-inner {
-    overflow: hidden;
-}
-
-.x-slider.x-item-disabled {
-    &:before {
-        background-color: $form-slider-disabled-background-color;
-    }
-
-    .x-thumb {
-        background-color: $form-slider-disabled-thumb-background-color;
-
-        &:before {
-            background-color: $form-slider-disabled-value-background-color;
-        }
-    }
-}
-
-.x-thumb {
-    height: $form-slider-height;
-    width: $form-slider-height;
-    background-color: $form-slider-thumb-background-color;
-    border: 0;
-
-    &:before {
-        content: '';
-        position: absolute;
-        top: 0;
-        width: 5000px;
-        right: $form-slider-height;
-        height: $form-slider-height;
-        background-color: $base-color;
-    }
-
-    &:after {
-        content: '';
-        position: absolute;
-
-        // here so the tap area is bigger on mobile devices
-        $form-slider-thumb-extra-size: 20px;
-        top: -$form-slider-thumb-extra-size;
-        left: -$form-slider-thumb-extra-size;
-        height: $form-slider-height + ($form-slider-thumb-extra-size * 2);
-        width: $form-slider-height + ($form-slider-thumb-extra-size * 2);
-    }
-}
-
-// Create the slider track
-.x-slider:before {
-    top: 0;
-    height: $form-slider-height;
-    background-color: $form-slider-background-color;
-}
-
-.x-slider-multiple {
-    .x-slider:after {
-        background-color: $base-color;
-        opacity: 1;
-    }
-
-    .x-thumb:before {
-        background: transparent;
-        width: 0;
-    }
-}

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

@@ -1,60 +0,0 @@
-/**
- * @class Ext.slider.Toggle
- */
-
-.x-toggle {
-    width: 51px;
-    height: 19px;
-    border: 2px solid $form-toggle-border-color;
-    overflow: visible;
-
-    .x-thumb {
-        background: transparent;
-        width: 8px;
-        height: 13px;
-
-        &:before {
-            height: 13px;
-            width: 34px;
-        }
-
-        &:after {
-            position: absolute;
-            width: 14px;
-            height: 19px;
-            top: -3px;
-            left: -3px;
-            background: $form-slider-thumb-background-color;
-            content: '';
-        }
-    }
-}
-
-.x-toggle-field .x-component-outer {
-    overflow: hidden;
-}
-
-.x-toggle-inner {
-    margin: 1px;
-    height: 13px;
-    width: 45px;
-    background-color: $form-toggle-background-color;
-}
-
-.x-toggle-on {
-    background: transparent;
-}
-
-.x-item-disabled .x-toggle {
-    border-color: $form-toggle-disabled-border-color;
-
-    .x-thumb {
-        &:after {
-            background: $form-slider-disabled-thumb-background-color;
-        }
-    }
-
-    .x-toggle-inner {
-        background-color: $form-toggle-disabled-background-color;
-    }
-}

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

@@ -1,233 +0,0 @@
-/**
- * @class Ext.tab.Bar
- */
-
-// Tabs
-.x-tab {
-    background-color: transparent;
-    border: 0;
-    color: $foreground-color;
-
-    &.x-tab-active {
-        color: $foreground-color !important;
-    }
-
-    &.x-item-disabled {
-        span.x-button-label,
-        .x-button-icon {
-            @include opacity(.5);
-        }
-    }
-
-    &.x-draggable {
-        @include opacity(.7);
-    }
-
-    .x-button-label {
-        text-rendering: optimizeLegibility;
-        -webkit-font-smoothing: antialiased;
-    }
-}
-
-// Tabbar
-.x-tabbar {
-    background-color: transparent;
-
-    &.x-docked-top {
-        border-bottom-width: 0;
-    }
-
-    &.x-docked-bottom {
-        border-top-width: 0;
-    }
-}
-
-// Docked Top
-.x-tabbar.x-docked-top {
-    height: 70px;
-
-    .x-tab {
-        color: $inactive-color;
-        padding: .4em .4em;
-
-        .x-button-label {
-            font-size: $font-size-large;
-            font-weight: normal;
-            line-height: 1.2em;
-        }
-
-        .x-badge {
-            font-size: .6em;
-            top: -0.5em;
-        }
-
-        &.x-tab-icon {
-            display: none;
-        }
-    }
-}
-
-// Docked bottom
-.x-tabbar.x-docked-bottom {
-    height: 90px;
-
-    .x-button-icon:before {
-        font-size: 29px;
-        line-height: 35px;
-    }
-
-    .x-tab {
-        @include st-box();
-        @include st-box-orient(vertical);
-        padding: 0;
-        min-width: auto;
-        margin: 13px 20px 18px;
-
-        .x-button-label {
-            font-size: 12px;
-            padding-top: 7px;
-        }
-
-        .x-button-icon {
-            width: 42px;
-            height: 42px;
-            margin: 0 auto;
-            border: 2px solid;
-            border-radius: 42px;
-        }
-    }
-}
-
-// UIs
-.x-tabbar-accent.x-docked-top {
-    background-color: $base-color;
-
-    .x-tab {
-        .x-button-label {
-            color: lighten($base-color, 15);
-        }
-
-        &.x-tab-pressed,
-        &.x-tab-active {
-            .x-button-label {
-                color: #fff;
-            }
-        }
-    }
-}
-
-.x-tabbar-light.x-docked-top {
-    background-color: #fff;
-
-    .x-tab {
-        &.x-tab-pressed,
-        &.x-tab-active {
-            .x-button-label {
-                color: #000;
-            }
-        }
-    }
-}
-
-.x-tabbar-dark.x-docked-top {
-    background-color: #111;
-
-    .x-tab {
-        .x-button-label {
-            color: #666;
-        }
-
-        &.x-tab-pressed,
-        &.x-tab-active {
-            .x-button-label {
-                color: #fff;
-            }
-        }
-    }
-}
-
-.x-tabbar-accent.x-docked-bottom {
-    background-color: $base-color;
-
-    .x-button-label {
-        color: #fff;
-    }
-
-    .x-badge {
-        background-color: lighten($base-color, 20);
-    }
-
-    .x-tab {
-        .x-button-icon {
-            color: #fff;
-            border-color: #fff;
-        }
-
-        &.x-tab-pressed,
-        &.x-tab-active {
-            .x-button-icon {
-                background-color: #fff;
-
-                &:before {
-                    color: #000;
-                }
-            }
-        }
-    }
-}
-
-.x-tabbar-dark.x-docked-bottom {
-    background-color: #111;
-
-    .x-button-label {
-        color: #fff;
-    }
-
-    .x-tab {
-        .x-button-icon {
-            color: #fff;
-            border-color: #fff;
-        }
-
-        &.x-tab-pressed,
-        &.x-tab-active {
-            .x-button-icon {
-                background-color: #fff;
-
-                &:before {
-                    color: #000;
-                }
-            }
-        }
-    }
-}
-
-.x-tabbar-light.x-docked-bottom {
-    background-color: #eee;
-
-    .x-tab {
-        .x-button-label {
-            color: #000;
-        }
-
-        .x-button-icon {
-            border-color: #000;
-
-            &:before {
-                color: #000;
-            }
-        }
-
-        &.x-tab-pressed,
-        &.x-tab-active {
-            .x-button-icon {
-                background-color: #000;
-                border-color: #000;
-
-                &:before {
-                    color: #fff;
-                }
-            }
-        }
-    }
-}

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

@@ -1,9 +0,0 @@
-/**
- * @class Ext.Button
- */
-
-/**
- * @var {boolean} $include-button-uis
- * Optionally disable separate button UIs, including action, confirm, and decline.
- */
-$include-button-uis: $include-default-uis !default;

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/windows/var/_Class.scss

@@ -1,223 +0,0 @@
-/**
- * @class Global_CSS
- *
- * Global CSS variables and mixins of Sencha Touch.
- */
-
-/**
- * @var {boolean} $include-html-style
- * Optionally remove included HTML styles/typography (for components with styleHtmlContent: true).
- * Styles are scoped to .x-html. Set t o false to reduce CSS weight.
- */
-$include-html-style: true !default;
-
-/**
- * @var {boolean} $include-default-icons
- * Optionally remove the default icon set which includes the following toolbar and tab bar icons: action,
- * add, arrow_down, arrow_left, arrow_right, arrow_up, bookmarks, compose, delete, download, favorites,
- * home, info, locate, maps, more, organize, refresh, reply, search, settings, star, team, time, trash,
- * and user. Set to false to reduce CSS weight.
- */
-$include-default-icons: true !default;
-
-/**
- * @var {boolean} $include-form-sliders
- * Decides if default HTML styles are included (for components with styleHtmlContent: true). Class is applied to .x-html.
- */
-$include-form-sliders: true !default;
-
-/**
- * @var {boolean} $include-default-uis
- * Decides whether or not to include the default UIs for all components.
- */
-$include-default-uis: true !default;
-
-/**
- * @var {color} $active-color
- * Color used for elements like selected rows, "action" UIs (eg. on buttons) and certain overlays like the picker mask.
- */
-//$active-color: darken(saturate($base-color, 55%), 10%) !default;
-
-/**
- * @var {color} $page-bg-color
- * Background color for fullscreen components.
- */
-//$page-bg-color: #eee !default;
-
-/**
- * @var {measurement} $global-row-height
- * The minimum row height for items like toolbars.
- */
-$global-row-height: 2.6em !default;
-
-/**
- * @var {measurement} $global-row-height
- * The minimum row height for items like toolbars.
- */
-$global-list-height: 46px !default;
-
-/**
- * @var {color} $loading-spinner-color
- * Background-color for the bars in the loading spinner.
- */
-$loading-spinner-color: #aaa !default;
-
-/**
- * color styles
- */
-
-$dark-theme: true !default;
-$dialog-color: #1F1F1F;
-
-/**
- * @var {color} $base-color
- * The primary color variable from which most elements derive their color scheme.
- */
-$base-color: rgba(145,0,145,1) !default; // Triton Blue
-
-/**
- * Light theme
- */
-$light-background-color: #fff !default;
-$light-foreground-color: #111 !default;
-$light-inactive-color: #ddd !default;
-
-// Form fields
-$light-field-background-color: #fff !default;
-$light-field-border-color: #BABABA !default;
-$light-field-color: #000 !default;
-$light-field-placeholder-color: #7A7A7A !default;
-$light-field-focus-background-color: #fff !default;
-$light-field-focus-border-color: #5C5C5C !default;
-$light-field-disabled-background-color: #EAEAEA !default;
-$light-field-disabled-border-color: #D9D9D9 !default;
-$light-field-disabled-color: #9F9F9F !default;
-$light-field-disabled-placeholder-color: #BDBDBD !default;
-
-$light-form-slider-background-color: #C6C6C6 !default;
-$light-form-slider-value-background-color: $base-color !default;
-$light-form-slider-thumb-background-color: #000 !default;
-$light-form-slider-disabled-background-color: #DBDBDB !default;
-$light-form-slider-disabled-value-background-color: #BABABA !default;
-$light-form-slider-disabled-thumb-background-color: #A0A0A0 !default;
-
-$light-form-toggle-background-color: #A6A6A6 !default;
-$light-form-toggle-border-color: #A6A6A6 !default;
-$light-form-toggle-thumb-background-color: $light-form-slider-thumb-background-color !default;
-$light-form-toggle-disabled-background-color: #E0E0E0 !default;
-$light-form-toggle-disabled-border-color: #CCCCCC !default;
-$light-form-toggle-disabled-thumb-background-color: #A6A6A6 !default;
-
-/**
- * Dark theme
- */
-$dark-background-color: #111 !default;
-$dark-foreground-color: #fff !default;
-$dark-inactive-color: #666 !default;
-
-// Form fields
-$dark-field-background-color: #D2D2D2 !default;
-$dark-field-border-color: #D2D2D2 !default;
-$dark-field-color: rgba(0,0,0,.8) !default;
-$dark-field-placeholder-color: rgba(0,0,0,.6) !default;
-$dark-field-focus-background-color: #FFFFFF !default;
-$dark-field-focus-border-color: #FFFFFF !default;
-$dark-field-disabled-background-color: #1D1D1D !default;
-$dark-field-disabled-border-color: #777777 !default;
-$dark-field-disabled-color: rgba(255,255,255,.4) !default;
-$dark-field-disabled-placeholder-color: rgba(255,255,255,.2) !default;
-
-$dark-form-slider-background-color: #6C6C6C !default;
-$dark-form-slider-value-background-color: $base-color !default;
-$dark-form-slider-thumb-background-color: #fff !default;
-$dark-form-slider-disabled-background-color: #383838 !default;
-$dark-form-slider-disabled-value-background-color: #535353 !default;
-$dark-form-slider-disabled-thumb-background-color: #7E7E7E !default;
-
-$dark-form-toggle-background-color: #6B6B6B !default;
-$dark-form-toggle-border-color: #6C6C6C !default;
-$dark-form-toggle-thumb-background-color: $dark-form-slider-thumb-background-color !default;
-$dark-form-toggle-disabled-background-color: #383838 !default;
-$dark-form-toggle-disabled-border-color: #4A4A4A !default;
-$dark-form-toggle-disabled-thumb-background-color: #6C6C6C !default;
-
-/**
- * Default values (light theme)
- */
-
-$background-color: $light-background-color !default;
-$foreground-color: $light-foreground-color !default;
-$inactive-color: $light-inactive-color !default;
-
-// Form fields
-$field-background-color: $light-field-background-color !default;
-$field-border-color: $light-field-border-color !default;
-$field-color: $light-field-color !default;
-$field-placeholder-color: $light-field-placeholder-color !default;
-$field-focus-background-color: $light-field-focus-background-color !default;
-$field-focus-border-color: $light-field-focus-border-color !default;
-$field-disabled-background-color: $light-field-disabled-background-color !default;
-$field-disabled-border-color: $light-field-disabled-border-color !default;
-$field-disabled-color: $light-field-disabled-color !default;
-$field-disabled-placeholder-color: $light-field-disabled-placeholder-color !default;
-
-$form-slider-background-color: $light-form-slider-background-color !default;
-$form-slider-value-background-color: $light-form-slider-value-background-color !default;
-$form-slider-thumb-background-color: $light-form-slider-thumb-background-color !default;
-$form-slider-disabled-background-color: $light-form-slider-disabled-background-color !default;
-$form-slider-disabled-value-background-color: $light-form-slider-disabled-value-background-color !default;
-$form-slider-disabled-thumb-background-color: $light-form-slider-disabled-thumb-background-color !default;
-
-$form-toggle-background-color: $light-form-toggle-background-color !default;
-$form-toggle-border-color: $light-form-toggle-border-color !default;
-$form-toggle-thumb-background-color: $form-slider-thumb-background-color !default;
-$form-toggle-disabled-background-color: $light-form-toggle-disabled-background-color !default;
-$form-toggle-disabled-border-color: $light-form-toggle-disabled-border-color !default;
-$form-toggle-disabled-thumb-background-color: $light-form-toggle-disabled-thumb-background-color !default;
-
-@if ($dark-theme) {
-    $background-color: $dark-background-color;
-    $foreground-color: $dark-foreground-color;
-    $inactive-color: $dark-inactive-color;
-
-    // Form fields
-    $field-background-color: $dark-field-background-color;
-    $field-border-color: $dark-field-border-color;
-    $field-color: $dark-field-color;
-    $field-placeholder-color: $dark-field-placeholder-color;
-    $field-focus-background-color: $dark-field-focus-background-color;
-    $field-focus-border-color: $dark-field-focus-border-color;
-    $field-disabled-background-color: $dark-field-disabled-background-color;
-    $field-disabled-border-color: $dark-field-disabled-border-color;
-    $field-disabled-color: $dark-field-disabled-color;
-    $field-disabled-placeholder-color: $dark-field-disabled-placeholder-color;
-
-    $form-slider-background-color: $dark-form-slider-background-color;
-    $form-slider-value-background-color: $dark-form-slider-value-background-color;
-    $form-slider-thumb-background-color: $dark-form-slider-thumb-background-color;
-    $form-slider-disabled-background-color: $dark-form-slider-disabled-background-color;
-    $form-slider-disabled-value-background-color: $dark-form-slider-disabled-value-background-color;
-    $form-slider-disabled-thumb-background-color: $dark-form-slider-disabled-thumb-background-color;
-
-    $form-toggle-background-color: $dark-form-toggle-background-color;
-    $form-toggle-border-color: $dark-form-toggle-border-color;
-    $form-toggle-thumb-background-color: $form-slider-thumb-background-color;
-    $form-toggle-disabled-background-color: $dark-form-toggle-disabled-background-color;
-    $form-toggle-disabled-border-color: $dark-form-toggle-disabled-border-color;
-    $form-toggle-disabled-thumb-background-color: $dark-form-toggle-disabled-thumb-background-color;
-}
-
-$form-slider-height: 11px !default;
-
-$alert-color: red !default;
-$confirm-color: #92cf00 !default; // Green
-
-/**
-* font sizes
-*/
-$font-size-small: 10pt !default;
-$font-size-normal: 11pt !default;
-$font-size-medium: 15pt !default;
-$font-size-medium-large: 17pt !default;
-$font-size-large: 19pt !default;
-$font-size-extra-large: 24pt !default;