compass_ae_sencha 1.0.4 → 2.0.0

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/layout/_layout.scss

@@ -1,324 +0,0 @@
-@mixin extjs-layout {
-    /**
-      * Dock Layouts
-      * @todo move this somewhere else?
-      */
-    .#{$prefix}docked {
-        position: absolute !important;
-        z-index: 1;
-    }
-
-    .#{$prefix}docked-top {
-        border-bottom-width: 0 !important;
-    }
-
-    .#{$prefix}docked-bottom {
-        border-top-width: 0 !important;
-    }
-
-    .#{$prefix}docked-left {
-        border-right-width: 0 !important;
-    }
-
-    .#{$prefix}docked-right {
-        border-left-width: 0 !important;
-    }
-
-    .#{$prefix}docked-noborder-top {
-        border-top-width: 0 !important;
-    }
-
-    .#{$prefix}docked-noborder-right {
-        border-right-width: 0 !important;
-    }
-
-    .#{$prefix}docked-noborder-bottom {
-        border-bottom-width: 0 !important;
-    }
-
-    .#{$prefix}docked-noborder-left {
-        border-left-width: 0 !important;
-    }
-
-    .#{$prefix}box-inner {
-        overflow:hidden;
-
-        zoom:1;
-
-        position:relative;
-        left:0;
-        top:0;
-    }
-
-    .#{$prefix}box-item {
-        position:absolute !important;
-        left:0;
-        top:0;
-    }
-
-    .#{$prefix}rtl .#{$prefix}box-item {
-        right: 0;
-        left: auto;
-    }
-
-    .#{$prefix}box-layout-ct,
-    .#{$prefix}border-layout-ct {
-        overflow: hidden;
-        zoom: 1;
-    }
-
-    .#{$prefix}border-layout-ct {
-        background-color: $border-layout-ct-background;
-        position: relative;
-    }
-
-    .#{$prefix}overflow-hidden {
-        overflow:hidden !important;
-    }
-
-    .#{$prefix}inline-children > * {
-        display: inline-block !important;
-    }
-
-    .#{$prefix}abs-layout-ct {
-        position: relative;
-    }
-
-    .#{$prefix}abs-layout-item {
-        position: absolute !important;
-    }
-
-    .#{$prefix}fit-item {
-        position: relative;
-    }
-
-    .#{$prefix}border-region-slide-in {
-        z-index: 5;
-    }
-
-    .#{$prefix}region-collapsed-placeholder {
-        z-index: 4;
-    }
-
-    .#{$prefix}accordion-hd .#{$prefix}panel-header-text {
-        color: $accordion-header-color;
-        font-weight: normal;
-        text-shadow: 0 1px 1px #f5f5f5;
-    }
-
-    .#{$prefix}accordion-hd {
-        .#{$prefix}tool-collapse-top,
-        .#{$prefix}tool-collapse-right,
-        .#{$prefix}tool-collapse-bottom,
-        .#{$prefix}tool-collapse-left {
-            //background-position: 0 -255px;
-        }
-
-        .#{$prefix}tool-expand-top,
-        .#{$prefix}tool-expand-right,
-        .#{$prefix}tool-expand-bottom,
-        .#{$prefix}tool-expand-left {
-            //background-position: 0 -240px;
-        }
-
-        .#{$prefix}tool-over {
-            .#{$prefix}tool-collapse-top,
-            .#{$prefix}tool-collapse-right,
-            .#{$prefix}tool-collapse-bottom,
-            .#{$prefix}tool-collapse-left {
-                //background-position: -15px -255px;
-            }
-        }
-
-        .#{$prefix}tool-over {
-            .#{$prefix}tool-expand-top,
-            .#{$prefix}tool-expand-right,
-            .#{$prefix}tool-expand-bottom,
-            .#{$prefix}tool-expand-left {
-                //background-position: -15px -240px;
-            }
-        }
-
-        background: $accordion-header-background-color !important;
-        @include single-box-shadow($accordion-header-background-color, 0, 0, 0, 0, true);
-    }
-
-    .#{$prefix}accordion-hd {
-        border-width: 1px 0 1px 0 !important;
-        padding: 4px 5px 5px 5px;
-        border-top-color: $panel-header-inner-border-color !important;
-        border-radius: 0;
-    }
-
-    .#{$prefix}accordion-body {
-        border-width: 0 !important;
-    }
-
-    .#{$prefix}accordion-hd-sibling-expanded {
-        border-top-color: $panel-border-color !important;
-        @include single-box-shadow($panel-header-inner-border-color, 0, 1px, 0, 0, true);
-    }
-
-    .#{$prefix}accordion-hd-last-collapsed {
-        border-bottom-color: $accordion-header-background-color !important;
-    }
-
-    .#{$prefix}frame-tl,
-    .#{$prefix}frame-tr,
-    .#{$prefix}frame-tc,
-    .#{$prefix}frame-bl,
-    .#{$prefix}frame-br,
-    .#{$prefix}frame-bc {
-        overflow: hidden;
-        background-repeat: no-repeat;
-    }
-
-    .#{$prefix}frame-tc,
-    .#{$prefix}frame-bc {
-        background-repeat: repeat-x;
-    }
-
-    .#{$prefix}frame-mc {
-        position: relative;
-        background-repeat: repeat-x;
-        overflow: hidden;
-    }
-
-    // Classes for horizontal Box layout scroller.
-    // Uses the *TAB* scroller image because it's all we have.
-    // This will not work well in other cases
-    .#{$prefix}box-scroller-left {
-        float: left;
-        height: 100%;
-
-        z-index: 5;
-
-        .#{$prefix}toolbar-scroll-left,
-        .#{$prefix}tabbar-scroll-left {
-            width: 24px;
-            border: 1px solid $border-color;
-            border-bottom-width: 0;
-            position: relative;
-            cursor: pointer;
-            height: $tab-height;
-            @include icon-sprite(left-scroller);
-        }
-        .#{$prefix}toolbar-scroll-left-hover {
-            @include opacity(0.7);
-        }
-        .#{$prefix}toolbar-scroll-left-disabled,
-        .#{$prefix}tabbar-scroll-left-disabled {
-            @include opacity(.5);
-
-            cursor:default;
-        }
-
-        .#{$prefix}toolbar-scroll-left {
-            @include icon-sprite(left-scroller);
-        }
-        .#{$prefix}toolbar-scroll-left-hover {
-            @include opacity(0.7);
-        }
-        .#{$prefix}toolbar-scroll-left-disabled {
-            @include opacity(0.5);
-        }
-
-        .#{$prefix}toolbar-scroll-left {
-            width: 16px;
-            height: 16px;
-
-            border-bottom: 1px solid #8db2e3;
-        }
-    }
-
-    .#{$prefix}horizontal-box-overflow-body {
-        float: left;
-    }
-    .#{$prefix}box-scroller-right {
-        float: right;
-        height: 100%;
-
-        z-index: 5;
-
-        .#{$prefix}toolbar-scroll-right,
-        .#{$prefix}tabbar-scroll-right {
-            width: 24px;
-            border: 1px solid $border-color;
-            border-bottom-width: 0;
-            position: relative;
-            cursor: pointer;
-            height: $tab-height;
-            @include icon-sprite(right-scroller);
-        }
-        .#{$prefix}toolbar-scroll-right-hover {
-            @include opacity(0.7);
-        }
-        .#{$prefix}toolbar-scroll-right-disabled,
-        .#{$prefix}tabbar-scroll-right-disabled {
-            @include opacity(.5);
-
-            cursor:default;
-        }
-
-        .#{$prefix}toolbar-scroll-right {
-            @include icon-sprite(right-scroller);
-        }
-        .#{$prefix}toolbar-scroll-right-hover {
-            @include opacity(0.7);
-        }
-        .#{$prefix}toolbar-scroll-right-disabled {
-            @include opacity(0.5);
-        }
-
-        .#{$prefix}toolbar-scroll-right {
-            width: 16px;
-            height: 16px;
-
-            border-bottom: 1px solid #8db2e3;
-        }
-    }
-
-// Classes for vertical Box layout scroller
-    .#{$prefix}box-scroller-top {
-        .#{$prefix}box-scroller {
-            line-height: 0;
-            font-size: 0;
-        }
-        .#{$prefix}menu-scroll-top {
-            background: transparent no-repeat center center;
-            background-image: theme-background-image($theme-name, 'layout/mini-top.gif');
-            height: 8px;
-            cursor: pointer;
-        }
-    }
-    .#{$prefix}box-scroller-bottom {
-        .#{$prefix}box-scroller {
-            line-height: 0;
-            font-size: 0;
-        }
-        .#{$prefix}menu-scroll-bottom {
-            background: transparent no-repeat center center;
-            background-image: theme-background-image($theme-name, 'layout/mini-bottom.gif');
-            height: 8px;
-            cursor: pointer;
-        }
-    }
-
-    .#{$prefix}box-menu-right {
-        float: right;
-        padding-right: $toolbar-horizontal-spacing;
-    }
-
-    .#{$prefix}column {
-        float: left;
-    }
-    @if $include-ie {
-        .#{$prefix}ie6 .#{$prefix}column {
-            display: inline; /*prevent IE6 double-margin bug*/
-        }
-
-        .#{$prefix}quirks .#{$prefix}ie .#{$prefix}form-layout-table, .#{$prefix}quirks .#{$prefix}ie .#{$prefix}form-layout-table tbody tr.#{$prefix}form-item {
-            position: relative;
-        }
-    }
-}

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/mixins/_background-gradient.scss

@@ -1,109 +0,0 @@
-/**
- * @mixin background-gradient
- *
- * @param {Color} $background-color The background color of the gradient
- * @param {String/List} $type The type of gradient to be used. Can either be a String which is a predefined gradient, or it can
- *                            can be a list of color_stops. If none is set, it will still set the `background-color` to the $background-color.
- * @param {String} $direction The direction of the gradient. Can either me `top` or `left`. (defaults to `top`)
- */
-@mixin background-gradient($bg-color, $type: $base-gradient, $direction: top) {
-    background-image: none;
-    background-color: $bg-color;
-
-    @if $base-gradient != null and $bg-color != transparent {
-        //color_stops
-        @if type-of($type) == "list" {
-            @include background-image(linear-gradient($direction, $type));
-        }
-
-        //default gradients
-        @else if $type == bevel {
-            @include background-image(linear-gradient($direction, color_stops(
-                lighten($bg-color, 15%),
-                lighten($bg-color, 8%) 30%,
-                $bg-color 65%,
-                darken($bg-color, 6%)
-            )));
-        } @else if $type == glossy {
-            //@include background-image(linear-gradient($direction, color_stops(lighten($bg-color, 15%), lighten($bg-color, 5%) 50%, $bg-color 51%, darken($bg-color, 5%))));
-        } @else if $type == recessed {
-            @include background-image(linear-gradient($direction, color_stops(darken($bg-color, 10%), darken($bg-color, 5%) 10%, $bg-color 65%, lighten($bg-color, .5%))));
-        } @else if $type == matte {
-            //@include background-image(linear-gradient($direction, color_stops(lighten($bg-color, 3%), darken($bg-color, 4%))));
-        } @else if $type == matte-reverse {
-            @include background-image(linear-gradient($direction, color_stops(darken($bg-color, 6%), lighten($bg-color, 4%))));
-        } @else if $type == glossy-toolbar {
-            @include background-image(linear-gradient($direction, color_stops(#F0F5FA, #DAE6F4 2%, #CEDDEF)));
-        } @else if $type == primary {
-            @include background-image(linear-gradient($direction, color_stops(#0088CC, #0055CC)));
-        } @else if $type == primary-tab {
-            @include background-image(linear-gradient($direction, color_stops(#00AACC, #0088CC)));
-        }
-
-        //ext3.3 gradients
-        @else if $type == panel-header {
-            @include background-image(linear-gradient($direction, color_stops($neutral-color, darken($neutral-color, 10%))));
-        } @else if $type == tabbar {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: 0.0deg, $saturation: 1.604%, $lightness: 4.706%),
-                $bg-color
-            )));
-        } @else if $type == tab {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: 1.382deg, $saturation: -18.571%, $lightness: -4.902%),
-                adjust-color($bg-color, $hue: 0.43deg, $saturation: -10.311%, $lightness: -2.157%) 25%,
-                $bg-color 45%
-            )));
-        } @else if $type == tab-active {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: -212.903deg, $saturation: -88.571%, $lightness: 6.863%),
-                adjust-color($bg-color, $hue: 0.43deg, $saturation: -6.753%, $lightness: 4.706%) 25%,
-                $bg-color 45%
-            )));
-        } @else if $type == tab-over {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: 4.462deg, $saturation: -9.524%, $lightness: -3.725%),
-                adjust-color($bg-color, $hue: 2.272deg, $saturation: 0.0%, $lightness: -1.569%) 25%,
-                $bg-color 45%
-            )));
-        } @else if $type == tab-disabled {
-            @include background-image(linear-gradient($direction, color_stops(
-                $bg-color,
-                adjust-color($bg-color, $hue: -0.267deg, $saturation: 18.571%, $lightness: 2.941%)
-            )));
-        } @else if $type == grid-header {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: 0deg, $saturation: 0%, $lightness: 20.392%),
-                adjust-color($bg-color, $hue: 220.0deg, $saturation: 5.66%, $lightness: 12.353%)
-            )));
-        } @else if $type == grid-header-over {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: 0.175deg, $saturation: 0.967%, $lightness: 14.118%),
-                adjust-color($bg-color, $hue: 0.175deg, $saturation: 0.967%, $lightness: 14.118%) 39%,
-                adjust-color($bg-color, $hue: 0.372deg, $saturation: 0.101%, $lightness: 10.196%) 40%,
-                adjust-color($bg-color, $hue: 0.372deg, $saturation: 0.101%, $lightness: 10.196%)
-            )));
-        } @else if $type == grid-row-over {
-            @include background-image(linear-gradient($direction, color_stops(
-                adjust-color($bg-color, $hue: 0.175deg, $saturation: 0.967%, $lightness: 14.118%),
-                $bg-color
-            )));
-        } @else if $type == grid-cell-special {
-            @include background-image(linear-gradient(left, color_stops(
-                $bg-color,
-                darken($bg-color, 5)
-            )));
-        } @else if $type == glossy-button or $type == glossy-button-disabled {
-            @include background-image(linear-gradient($direction, color_stops(
-                $button-default-base-color,
-                darken($button-default-base-color, 10%)
-            )));
-        } @else if $type == glossy-button-over {
-
-        } @else if $type == glossy-button-pressed {
-            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-
-            //@include background-image(linear-gradient($direction, color_stops($bg-color, $bg-color)));
-        }
-    }
-}

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/mixins/_color-by-background.scss

@@ -1,23 +0,0 @@
-/**
- *
- */
-@mixin color-by-background($bg-color, $contrast: 70%, $default-color: null, $bevel-text: true) {
-    @if ($default-color != null) {
-        color: $default-color;
-    } @else {
-        @if (lightness($bg-color) > 40) {
-            color: darken($bg-color, $contrast);
-        }
-        @else {
-            color: lighten($bg-color, $contrast)
-        }
-    }
-
-    @if ($bevel-text != false) {
-        @if (lightness($bg-color) < 40) {
-            @include text-shadow(rgba(0,0,0,.5) 0 -1px 0);
-        } @else {
-            @include text-shadow(rgba(255,255,255,.25) 0 1px 0);
-        }
-    }
-}