compass_ae_sencha 1.0.0 → 1.0.1

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

@@ -1,121 +0,0 @@
-/**
- * @class Ext.LoadMask
- */
-
-/**
- * @var {color} $loading-spinner-color
- * Background-color for the bars in the loading spinner.
- */
-$loading-spinner-color: #aaa !default;
-
-// Private
-$loading-spinner-size: 1em;
-$loading-spinner-bar-width: .1em;
-$loading-spinner-bar-height: .25em;
-
-/**
- * Includes default loading spinner styles (for dataviews).
- */
-@mixin sencha-loading-spinner {
-  .x-loading-spinner {
-    font-size: 250%;
-    height: $loading-spinner-size;
-    width: $loading-spinner-size;
-    position: relative;
-
-    -webkit-transform-origin: $loading-spinner-size/2 $loading-spinner-size/2;
-
-    /* Shared Properties for all the bars */
-    & > span, & > span:before, & > span:after {
-      display: block;
-      position: absolute;
-      width: $loading-spinner-bar-width;
-      height: $loading-spinner-bar-height;
-      top: 0;
-      -webkit-transform-origin: $loading-spinner-bar-width/2 $loading-spinner-size/2;
-      @if $include-border-radius { @include border-radius($loading-spinner-bar-width/2); }
-      content: " ";
-    }
-
-    & > span {
-      &.x-loading-top           {  background-color: rgba($loading-spinner-color,0.99); }
-      &.x-loading-top::after    {  background-color: rgba($loading-spinner-color,0.90); }
-      &.x-loading-left::before  {  background-color: rgba($loading-spinner-color,0.80); }
-      &.x-loading-left          {  background-color: rgba($loading-spinner-color,0.70); }
-      &.x-loading-left::after   {  background-color: rgba($loading-spinner-color,0.60); }
-      &.x-loading-bottom::before{  background-color: rgba($loading-spinner-color,0.50); }
-      &.x-loading-bottom        {  background-color: rgba($loading-spinner-color,0.40); }
-      &.x-loading-bottom::after {  background-color: rgba($loading-spinner-color,0.35); }
-      &.x-loading-right::before {  background-color: rgba($loading-spinner-color,0.30); }
-      &.x-loading-right         {  background-color: rgba($loading-spinner-color,0.25); }
-      &.x-loading-right::after  {  background-color: rgba($loading-spinner-color,0.20); }
-      &.x-loading-top::before   {  background-color: rgba($loading-spinner-color,0.15); }
-    }
-  }
-
-  .x-loading-spinner > span {
-    left:         50%;
-    margin-left:  -0.05em;
-  }
-
-  // .x-loading-spinner > span::before, .x-loading-spinner > span::after{  content: " "; }
-
-  /* Rotate each of the 4 Spans */
-
-  .x-loading-spinner > span.x-loading-top{    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);   }
-  .x-loading-spinner > span.x-loading-right{  -webkit-transform: rotate(90deg);   -moz-transform: rotate(90deg);  }
-  .x-loading-spinner > span.x-loading-bottom{ -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg); }
-  .x-loading-spinner > span.x-loading-left{   -webkit-transform: rotate(270deg);  -moz-transform: rotate(270deg); }
-
-  /* These are the two lines that surround each of the 4 Span lines */
-
-  .x-loading-spinner > span::before{-webkit-transform: rotate(30deg);   -moz-transform: rotate(30deg);  }
-  .x-loading-spinner > span::after{ -webkit-transform: rotate(-30deg);  -moz-transform: rotate(-30deg); }
-
-  /* Set Animation */
-
-  .x-loading-spinner {
-    -webkit-animation-name: x-loading-spinner-rotate;
-    -webkit-animation-duration: .5s;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-timing-function: linear;
-  }
-
-  @-webkit-keyframes x-loading-spinner-rotate{
-    0%{     -webkit-transform: rotate(0deg);   }
-    8.32%{  -webkit-transform: rotate(0deg);   }
-
-    8.33%{  -webkit-transform: rotate(30deg);  }
-    16.65%{ -webkit-transform: rotate(30deg);  }
-
-    16.66%{ -webkit-transform: rotate(60deg);  }
-    24.99%{ -webkit-transform: rotate(60deg);  }
-
-    25%{    -webkit-transform: rotate(90deg);  }
-    33.32%{ -webkit-transform: rotate(90deg);  }
-
-    33.33%{ -webkit-transform: rotate(120deg); }
-    41.65%{ -webkit-transform: rotate(120deg); }
-
-    41.66%{ -webkit-transform: rotate(150deg); }
-    49.99%{ -webkit-transform: rotate(150deg); }
-
-    50%{    -webkit-transform: rotate(180deg); }
-    58.32%{ -webkit-transform: rotate(180deg); }
-
-    58.33%{ -webkit-transform: rotate(210deg); }
-    66.65%{ -webkit-transform: rotate(210deg); }
-
-    66.66%{ -webkit-transform: rotate(240deg); }
-    74.99%{ -webkit-transform: rotate(240deg); }
-
-    75%{    -webkit-transform: rotate(270deg); }
-    83.32%{ -webkit-transform: rotate(270deg); }
-
-    83.33%{ -webkit-transform: rotate(300deg); }
-    91.65%{ -webkit-transform: rotate(300deg); }
-
-    91.66%{ -webkit-transform: rotate(330deg); }
-    100%{   -webkit-transform: rotate(330deg); }
-  }
-}

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

@@ -1,19 +0,0 @@
-.x-map {
-  background-color: #edeae2; //GMap tan background
-  * {
-      -webkit-box-sizing: content-box;
-      box-sizing: content-box;
-  }
-}
-
-.x-mask-map {
-  background: transparent !important;
-}
-
-.x-map-container {
-    position: absolute !important;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-}

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

@@ -1,118 +0,0 @@
-/**
- * Includes default message box styles.
- *
- * @member Ext.MessageBox
- */
-@mixin sencha-msgbox {
-  .x-msgbox {
-    min-width: 15em;
-    max-width: 20em;
-    max-height: 90%;
-    margin: .5em;
-    @include box-shadow(rgba(#000, .4) 0 .1em .5em);
-    @if $include-border-radius { @include border-radius($panel-border-radius); }
-    border: .15em solid $base-color;
-
-    // to hide content that is too large (vertically)
-    .x-docking-vertical {
-      overflow: hidden;
-    }
-
-    //icons
-    .x-icon {
-      margin: 0 0.8em 0 0.5em;
-      background: #fff;
-      -webkit-mask-size: 100%;
-    }
-
-    .x-msgbox-info {
-      -webkit-mask-image: theme_image('default', "pictos/info.png");
-    }
-
-    .x-msgbox-warning {
-      -webkit-mask-image: theme_image('default', "pictos/warning_black.png");
-    }
-
-    .x-msgbox-question {
-      -webkit-mask-image: theme_image('default', "pictos/help.png");
-    }
-
-    .x-msgbox-error {
-      -webkit-mask-image: theme_image('default', "pictos/minus_black2.png");
-    }
-
-    .x-title {
-      font-size: .9em;
-      line-height: 1.4em;
-    }
-
-    .x-body {
-      background: transparent !important;
-    }
-
-    .x-toolbar {
-      background: transparent none;
-      @include box-shadow(none);
-
-      &.x-docked-top {
-        border-bottom: 0;
-        height: 1.3em;
-      }
-
-      &.x-docked-bottom {
-        border-top: 0;
-      }
-    }
-
-    .x-field {
-      min-height: 2em;
-      background: #fff;
-      @if $include-border-radius { @include border-radius(.2em); }
-    }
-
-    .x-form-field {
-      min-height:1.5em;
-      padding-right: 0 !important;
-      -webkit-appearance: none;
-    }
-
-    .x-field-input {
-      padding-right: 2.2em;
-    }
-  }
-
-  .x-msgbox-text {
-    text-align: center;
-    padding: 6px 0;
-    line-height: 1.4em;
-  }
-
-  .x-msgbox-buttons {
-    padding: 0.4em 0;
-    height: auto;
-
-    .x-button {
-      min-width: 4.5em;
-    }
-
-    .x-button-normal span {
-      opacity: .7;
-    }
-  }
-
-  // TODO: Refactor along with Sheet
-  @include msgbox-ui('dark');
-}
-
-@mixin msgbox-ui($ui-label) {
-  .x-msgbox-#{$ui-label} {
-    .x-msgbox-text {
-      @include color-by-background($sheet-bg-color, 80%);
-      @include bevel-by-background($sheet-bg-color);
-    }
-    .x-msgbox-input {
-      @include background-gradient(lighten($sheet-bg-color, 80%), 'recessed');
-      border: .1em solid lighten($sheet-bg-color, 40%);
-    }
-  }
-}

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

@@ -1,98 +0,0 @@
-@import '../global';
-
-$panel-border-radius: .3em;
-
-@mixin sencha-panel($include-floating: $include-floating-panels) {
-  .x-panel,
-  .x-msgbox,
-  .x-panel-body {
-    position: relative;
-  }
-
-  @if $include-floating {
-    .x-panel.x-floating,
-    .x-msgbox,
-    .x-form.x-floating {
-      padding: 6px;
-      @if $include-border-radius { @include border-radius($panel-border-radius); }
-      @include box-shadow(rgba(0,0,0,.8) 0 .2em .6em);
-      @include background-gradient(darken($base-color, 40%), 'flat');
-
-      &.x-floating-light {
-        @include background-gradient($base-color, 'flat');
-      }
-
-      .x-panel-inner,
-      > .x-body {
-        z-index: 1;
-        background-color: #fff;
-        @if $include-border-radius { @include border_radius($panel-border-radius); }
-      }
-    }
-
-    .x-panel.x-floating > .x-dock,
-    .x-msgbox > .x-dock,
-    .x-form.x-floating > .x-dock {
-      z-index: 1;
-    }
-
-    .x-panel.x-floating > .x-dock.x-sized,
-    .x-msgbox > .x-dock.x-sized,
-    .x-form.x-floating > .x-dock.x-sized {
-      margin: 6px;
-    }
-
-    $anchor-height: .7em;
-    $anchor-width: $anchor-height*2.33;
-
-    .x-anchor {
-      position: absolute;
-      overflow: hidden;
-      //z-index: 1;
-
-      &.x-anchor-top {
-        margin-top: -$anchor-height + 0.02em;
-        margin-left: -$anchor-width / 2;
-        width: $anchor-width;
-        height: $anchor-height;
-        -webkit-mask: 0 0 theme_image($theme-name, "tip_top.png") no-repeat;
-        -webkit-mask-size: $anchor-width $anchor-height;
-        background-color: darken($base-color, 40%);
-      }
-
-      &.x-anchor-bottom {
-        margin-left: -$anchor-width / 2;
-        width: $anchor-width;
-        height: $anchor-height;
-        -webkit-mask: 0 0 theme_image($theme-name, "tip_bottom.png") no-repeat;
-        -webkit-mask-size: $anchor-width $anchor-height;
-        background-color: darken($base-color, 40%);
-      }
-
-      &.x-anchor-left {
-        margin-left: -$anchor-width / 2 + 0.15em;
-        margin-top: -$anchor-height / 2;
-        height: $anchor-width;
-        width: $anchor-height;
-        -webkit-mask: 0 0 theme_image($theme-name, "tip_left.png") no-repeat;
-        -webkit-mask-size: $anchor-height $anchor-width;
-        background-color: darken($base-color, 40%);
-      }
-
-      &.x-anchor-right {
-        margin-top: -$anchor-height / 2;
-        height: $anchor-width;
-        width: $anchor-height;
-        -webkit-mask: 0 0 theme_image($theme-name, "tip_right.png") no-repeat;
-        -webkit-mask-size: $anchor-height $anchor-width;
-        background-color: darken($base-color, 40%);
-      }
-
-    }
-    .x-floating.x-panel-light {
-      &:after {
-        background-color: $base-color;
-      }
-    }
-  }
-}

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

@@ -1,157 +0,0 @@
-@import '../global';
-
-$picker-row-height: 2.5em !default;
-$picker-active-border: .12em solid $active-color !default;
-$picker-sheet-radius: .4em !default;
-$picker-title-color: darken(desaturate($base-color, 10%), 25%) !default;
-$picker-title-bg-color: lighten(saturate($base-color, 10%), 5%) !default;
-$picker-title-bg-gradient: $base-gradient !default;
-$include-picker-highlights: $include-highlights !default;
-$picker-bar-gradient: $base-gradient !default;
-
-@mixin sencha-picker {
-
-  .x-sheet.x-picker {
-    padding: 0;
-  }
-
-  .x-sheet.x-picker .x-sheet-inner {
-    position: relative;
-    background-color: #fff;
-    @if $include-border-radius { @include border-radius($picker-sheet-radius); }
-    @include background-clip(padding-box);
-    overflow: hidden;
-    margin: $sheet-padding;
-
-
-    @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%);
-    //  &:before, &:after {
-    //    z-index: 1;
-    //    @include insertion(100%, 30%, 0, 0);
-    //  }
-    //
-    //  &:before {
-    //    top: auto;
-    //    @if $include-border-radius { @include border-bottom-radius($picker-sheet-radius); }
-    //    bottom: 0;
-    //    @include background-image(linear-gradient(color-stops(#fff, #bbb)));
-    //  }
-    //  &:after {
-    //    @if $include-border-radius { @include border-top-radius($picker-sheet-radius); }
-    //    @include background-image(linear-gradient(color-stops(#bbb, #fff)));
-    //  }
-    }
-
-    .x-picker-slot {
-      .x-body {
-        border-left: 1px solid #999999;
-        border-right: 1px solid #ACACAC;
-      }
-
-      &.x-first {
-        .x-body {
-          border-left: 0;
-        }
-      }
-
-      &.x-last {
-        .x-body {
-          border-left: 0;
-          border-right: 0;
-        }
-      }
-    }
-  }
-
-  .x-picker-slot .x-scroll-view {
-    z-index: 2;
-    position: relative;
-
-    @if $include-highlights {
-      @include box-shadow(rgba(#000,.4) -1px 0 1px);
-    }
-    &:first-child {
-      @include box-shadow(none);
-    }
-  }
-
-  .x-picker-mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 3;
-    @include display-box;
-    @include box-align(stretch);
-    @include box-orient(vertical);
-    @include box-pack(center);
-    pointer-events: none;
-  }
-
-  .x-picker-bar {
-    border-top: $picker-active-border;
-    border-bottom: $picker-active-border;
-    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;
-    position:relative;
-    z-index: 2;
-    @include background-gradient($picker-title-bg-color, $picker-title-bg-gradient);
-    border-top: 1px solid $picker-title-bg-color;
-    border-bottom: 1px solid darken($picker-title-bg-color, 20%);
-    @include box-shadow(rgba(0, 0, 0, 0.3) 0px .1em .3em);
-    padding: 0.2em 1.02em;
-
-    > div {
-      font-weight: bold;
-      font-size: 0.8em;
-      color: $picker-title-color;
-      @if $include-picker-highlights {
-        @include bevel-text('light');
-      }
-    }
-  }
-
-  .x-picker-slot {
-    .x-dataview-inner {
-      width: 100% !important;
-    }
-
-    .x-dataview-item {
-      vertical-align: middle;
-      height: $picker-row-height;
-      line-height: $picker-row-height;
-      font-weight: bold;
-      padding: 0 10px;
-    }
-
-    .x-picker-item {
-      @include ellipsis;
-    }
-  }
-
-  .x-picker-right {
-      text-align: right;
-  }
-  .x-picker-center {
-      text-align: center;
-  }
-  .x-picker-left {
-      text-align: left;
-  }
-}