compass_ae_sencha 1.0.4 → 2.0.0

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_core.scss

@@ -1,118 +0,0 @@
-/**
- * @var {string} $prefix
- * The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
- * JavaScript application.
- */
-$prefix: 'x-' !default;
-
-/**
- * @var {string} $theme-name
- * The name of the theme. This must match the the output directory of the images.
- * (defaults to 'default')
- */
-$theme-name: 'default' !default;
-
-/**
- * @var {boolean/string} $relative-image-path-for-uis
- * True to use a relative image path for all new UIs. If true, the path will be "../images/".
- * It can also be a string of the path value.
- * It defaults to false, which means it will look for the images in the ExtJS SDK folder.
- */
-$relative-image-path-for-uis: false !default;
-
-$color: #555 !default;
-
-/**
- * @var {string} $font-family
- * The default font-family to be used throughout the theme.
- */
-$font-family: "Helvetica Neue", Helvetica, tahoma, Arial, sans-serif !default;
-
-$font-size  : 12px !default;
-
-/**
- * @var {string} $base-gradient
- * The base gradient to be used throughout the theme.
- */
-$base-gradient: 'glossy' !default;
-
-/**
- * @var {color} $base-color
- * The base color to be used throughout the theme.
- */
-$base-color   : white !default;
-$neutral-color: #f5f5f5 !default;
-$border-color: #ccc !default;
-$text-shadow-color: $neutral-color !default;
-$text-shadow: 0 1px 1px $neutral-color !default;
-
-
-/**
- * @var {boolean} $include-not-found-images
- * True to include files which are not found when compiling your SASS
- */
-$include-missing-images: true !default;
-
-/**
- * @var {boolean} $include-ie
- * True to include Internet Explorer specific rules
- */
-$include-ie: true !default;
-
-/**
- * @var {boolean} $include-ff
- * True to include Firefox specific rules
- */
-$include-ff: true !default;
-
-/**
- * @var {boolean} $include-chrome
- * True to include Chrome specific rules
- */
-$include-chrome: true !default;
-
-/**
- * @var {boolean} $include-safari
- * True to include Safari specific rules
- */
-$include-safari: true !default;
-
-/**
- * @var {boolean} $include-opera
- * True to include Opera specific rules
- */
-$include-opera: true !default;
-
-/**
- * @var {boolean} $include-webkit
- * True to include Webkit specific rules
- */
-$include-webkit: true !default;
-
-$supports-border-radius: true !default;
-$supports-gradients: true !default;
-
-/**
- * @var {boolean} $compile-all
- * True to copile all CSS, even if above include rules are false
- */
-$compile-all: true !default;
-
-/**
- * @var {boolean} $scope-reset-css
- * True to scope the reset CSS within the $prefix variable.
- */
-$scope-reset-css: false !default;
-
-/**
- * @var {color} $css-shadow-background-color
- * The base color for CSS shadows
- */
-$css-shadow-background-color: #ccc !default;
-
-
-/**
- * @var {color} $include-shadow-images
- * True to include all shadow images.
- */
-$include-shadow-images: true !default;

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_focus.scss

@@ -1,3 +0,0 @@
-$focus-frame-color: rgb(21, 66, 139) !default;
-$focus-frame-style: solid;
-$focus-frame-width: 2px;

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_form.scss

@@ -1,125 +0,0 @@
-/**
- * @class Ext.form.*
- */
-
-/**
- * @class Ext.form.field.Base
- */
-
-$form-field-height: 28px !default;
-$form-toolbar-field-height: 20px !default;
-$form-error-icon-width: 16px !default;
-
-//padding
-$form-field-padding: 1px 3px !default;
-
-//fonts
-$form-field-font-size: $font-size + 2 !default;
-
-$form-field-font-family: $font-family !default;
-$form-field-font-weight: normal !default;
-$form-field-font: $form-field-font-weight $form-field-font-size $form-field-font-family !default;
-$form-field-color: $color !default;
-
-$form-field-empty-color: $border-color !default;
-
-//border
-$form-field-border-color: $border-color !default;
-$form-field-border-width: 1px !default;
-
-$form-field-focus-border-color: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default;
-$form-field-invalid-border-color: #c30 !default;
-
-//background
-$form-field-background-color: $base-color !default;
-$form-field-background-image: 'form/text-bg.gif' !default;
-
-$form-field-invalid-background-color: #fff !default;
-$form-field-invalid-background-image: 'grid/invalid_line.gif' !default;
-$form-field-invalid-background-repeat: repeat-x !default;
-$form-field-invalid-background-position: bottom !default;
-
-/**
- * @class Ext.form.field.TextArea
- */
-$form-textarea-padding: 2px 3px !default;
-
-/**
- * @class Ext.form.Label
- */
-$form-label-font-weight: normal !default;
-$form-label-font-size: $font-size !default;
-$form-label-font-family: $font-family !default;
-$form-label-font: $form-label-font-weight $form-label-font-size $form-label-font-family !default;
-$form-label-color: darken($border-color, 30%) !default;
-
-/**
- * @class Ext.form.field.Checkbox
- */
-$form-checkbox-size: 16px !default;
-
-/**
- * Error messages
- */
-//icons
-$form-exclamation-icon: 'form/exclamation.gif' !default;
-
-//font
-$form-error-msg-color: $color !default;
-$form-error-msg-font-weight: normal !default;
-$form-error-msg-font-size: $font-size !default;
-$form-error-msg-font-family: $font-family !default;
-$form-error-msg-font: $form-error-msg-font-weight $form-error-msg-font-size $form-error-msg-font-family !default;
-$form-error-msg-line-height: 24px !default;
-
-/**
- * Trigger Field
- */
-$form-trigger-width: 24px !default;
-$form-trigger-height: 24px !default;
-$form-toolbar-trigger-height: $form-toolbar-field-height !default;
-$form-toolbar-trigger-width: $form-toolbar-field-height !default;
-
-$form-trigger-border-bottom-width: 1px !default;
-$form-trigger-border-bottom-style: solid !default;
-$form-trigger-border-bottom-color: $form-field-border-color !default;
-$form-trigger-border-bottom: $form-trigger-border-bottom-width $form-trigger-border-bottom-style $form-trigger-border-bottom-color !default;
-
-$form-trigger-border-bottom-color-over: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default;
-$form-trigger-border-bottom-color-focus: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default;
-$form-trigger-border-bottom-color-focus-over: null !default;
-$form-trigger-border-bottom-color-pressed: null !default;
-
-$form-trigger-icon-background-position: 7px 6px !default;
-
-/**
- * Fieldsets
- */
-$fieldset-header-font-size: $font-size + 4 !default;
-$fieldset-header-font-weight: bold !default;
-$fieldset-header-font-family: $font-family !default;
-$fieldset-header-line-height: 24px !default;
-$fieldset-header-font: #{$fieldset-header-font-size}/#{$fieldset-header-line-height} $fieldset-header-font-weight $fieldset-header-font-family !default;
-$fieldset-header-color: $color !default;
-
-$fieldset-border-width: 1px !default;
-$fieldset-border-style: solid !default;
-$fieldset-border-color: $form-field-border-color !default;
-$fieldset-border: $fieldset-border-width $fieldset-border-style $fieldset-border-color !default;
-
-$fieldset-padding: 10px !default;
-$fieldset-header-padding: 0 3px 1px !default;
-$fieldset-background: $neutral-color !default;
-
-/**
- * Sliders
- */
-$horizontal-slider-thumb-width: 16px !default;
-$horizontal-slider-thumb-height: 16px !default;
-
-$vertical-slider-thumb-width: 16px !default;
-$vertical-slider-thumb-height: 16px !default;
-
-/**
- * Search
- */

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_grid.scss

@@ -1,110 +0,0 @@
-// ===============================
-// ========= GRID BASE ===========
-// ===============================
-$grid-base-color: $base-color !default;
-
-// ===============================
-// ========= GRID HEADER =========
-// ===============================
-$grid-header-background-color: $neutral-color !default;
-$grid-header-background-gradient: null !default;
-$grid-header-border-color: $border-color !default;
-$grid-header-over-border-color: $neutral-color !default;
-$grid-header-over-background-color: $grid-header-over-border-color !default;
-$grid-header-over-background-gradient: null !default;
-$grid-header-background-color: $neutral-color !default;
-$grid-header-line-height: 16px !default;
-$grid-header-padding: 4px 6px 6px !default;
-$grid-header-trigger-height: 24px !default;
-$grid-header-trigger-width: 26px !default;
-$grid-header-color: null !default;
-
-// ===============================
-// ========= GRID ROWS ===========
-// ===============================
-$grid-row-height: 28px !default;
-$grid-row-cell-color: null !default;
-$grid-row-cell-font-size: $font-size !default;
-$grid-row-cell-line-height: $grid-row-cell-font-size + 14 !default;
-$grid-row-cell-font: normal #{$grid-row-cell-font-size}/#{$grid-row-cell-line-height} $font-family !default;
-$grid-row-padding: 0 1px !default;
-
-//row wrap
-$grid-row-wrap-border-color: #ededed !default;
-$grid-row-wrap-border-width: 1px 0 !default;
-$grid-row-wrap-border-style: solid !default;
-
-//row body
-$grid-row-body-font: normal #{$grid-row-cell-font-size}/#{$grid-row-cell-line-height} $font-family !default;
-$grid-row-body-padding: 4px !default;
-
-//row cell
-$grid-row-cell-background: #fff !default;
-$grid-row-cell-border-color: $grid-row-wrap-border-color !default;
-$grid-row-cell-border-style: solid !default;
-$grid-row-cell-border-width: 1px 0 !default;
-
-//row cell alt
-$grid-row-cell-alt-background: darken($grid-row-cell-background, 2) !default;
-
-//row cell over
-$grid-row-cell-over-border-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: -6.667%) !default;
-$grid-row-cell-over-background-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: 0.392%) !default;
-$grid-row-cell-over-background-gradient: 'grid-row-over' !default;
-
-//row cell selected
-$grid-row-cell-selected-border-style: dotted !default;
-$grid-row-cell-selected-border-color: adjust-color($base-color, $hue: 6.952deg, $saturation: 5.848%, $lightness: -6.471%) !default;
-$grid-row-cell-selected-background-color: $border-color !default;
-
-//row cell focus
-$grid-row-cell-focus-border-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: -6.667%) !default;
-$grid-row-cell-focus-background-color: adjust-color($neutral-color, $hue: 0deg, $saturation: 0%, $lightness: 0.392%) !default;
-$grid-row-cell-focus-background-gradient: 'grid-row-over' !default;
-
-//standard cells
-$grid-cell-inner-padding-top: 0px !default;
-$grid-cell-inner-padding-horizontal: 6px !default;
-$grid-cell-inner-padding-bottom: 0px !default;
-
-//special cell
-$grid-cell-special-over-background-color: adjust-color($base-color, $hue: -0.476deg, $saturation: 25.214%, $lightness: 5.686%) !default;
-
-//cell with col lines
-$grid-cell-with-col-lines-border-color: adjust-color($base-color, $hue: 0deg, $saturation: -55.556%, $lightness: -2.549%) !default;
-
-// ===============================
-// ======== GROUPED GRID =========
-// ===============================
-$grid-grouped-header-background-color: #fff;
-$grid-grouped-header-border-width: 0 0 2px 0;
-$grid-grouped-header-border-style: solid;
-$grid-grouped-header-border-color: adjust-color($base-color, $hue: 0.844deg, $saturation: 7.644%, $lightness: -8.627%);
-$grid-grouped-header-padding: 6px 0 0 0;
-
-$grid-grouped-title-color: $color;
-$grid-grouped-title-font: bold $font-size + 2 $font-family;
-$grid-grouped-title-padding: 4px 4px 4px 17px;
-
-// ===============================
-// ========= EDITOR ==========
-// ===============================
-$grid-editor-line-height: $grid-row-height - 5 !default;
-$grid-editor-font: normal #{$grid-row-cell-font-size}/#{$grid-editor-line-height} $font-family !default;
-
-// ===============================
-// ========= ROW EDITOR ==========
-// ===============================
-$grid-row-editor-background-color: adjust-color($base-color, $hue: 1deg, $saturation: 11%, $lightness: 11%) !default;
-$grid-row-editor-border-color: $panel-border-color !default;
-$grid-row-editor-border-width: 1px !default;
-$grid-row-editor-border: $grid-row-editor-border-width solid $grid-row-editor-border-color !important;
-$grid-row-editor-field-padding-horizontal: 2px !default;
-$grid-row-editor-cb-wrap-padding-top: 0 !default;
-$grid-row-editor-checkbox-margin-left: -4px !default;
-
-// ===============================
-// ========= CELL EDITOR =========
-// ===============================
-$grid-cell-editor-field-padding-horizontal: 4px !default;
-$grid-cell-editor-checkbox-padding-top: 3px !default;

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_htmleditor.scss

@@ -1,2 +0,0 @@
-$html-editor-border-color: $form-field-border-color !default;
-$html-editor-background-color: $form-field-background-color !default;

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

@@ -1,5 +0,0 @@
-$border-layout-ct-background: adjust-color($base-color, $hue: 3.188deg, $saturation: 0.542%, $lightness: 7.843%) !default;
-
-$accordion-header-color: #000 !default;
-$accordion-header-background-color: adjust-color($base-color, $saturation: 13%, $lightness: 7%) !default;
-$accordion-header-background-gradient: null !default;

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_loadmask.scss

@@ -1,17 +0,0 @@
-$loadmask-opacity: 0.5 !default;
-$loadmask-background: $border-color !default;
-
-$loadmask-msg-padding: 2px !default;
-$loadmask-msg-border-color: $panel-header-border-color !default;
-$loadmask-msg-background-color: $panel-base-color !default;
-$loadmask-msg-background-gradient: null !default;
-
-$loadmask-msg-inner-padding: 5px 10px 5px 25px !default;
-$loadmask-msg-inner-icon: 'grid/loading.gif' !default;
-$loadmask-msg-inner-border-color: adjust-color($base-color, $hue: 1.111deg, $saturation: -14.017%, $lightness: -9.608%) !default;
-$loadmask-msg-inner-background-color: #eee !default;
-$loadmask-msg-inner-color: #222 !default;
-$loadmask-msg-inner-font-size: ceil($font-size * .9) !default; //11px
-$loadmask-msg-inner-font-weight: normal !default;
-$loadmask-msg-inner-font-family: $font-family !default;
-$loadmask-msg-inner-font: $loadmask-msg-inner-font-weight $loadmask-msg-inner-font-size $loadmask-msg-inner-font-family !default;

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_menu.scss

@@ -1,23 +0,0 @@
-//backgrounds
-$menu-background-color: #F0F0F0 !default;
-$menu-item-active-background-image: 'menu/menu-item-active-bg.gif';
-$menu-item-active-background-color: adjust-color($base-color, $saturation: 25.397%, $lightness: 7.647%) !default;
-
-//border
-$menu-item-active-border-color: adjust-color($base-color, $saturation: 23%, $lightness: -3%) !default;
-$menu-separator-border-color: #E0E0E0 !default;
-$menu-separator-background-color: #FFF !default;
-
-//sizes
-$menu-item-indent: 27px !default;
-$menu-padding: 2px !default;
-$menu-link-padding: 6px 2px 3px 32px !default;
-
-//text
-$menu-text-color: #222 !default;
-
-//icons
-$menu-icon-arrow: 'menu/menu-parent.gif';
-$menu-icon-checked: 'menu/checked.gif';
-$menu-icon-group-checked: 'menu/group-checked.gif';
-$menu-icon-unchecked: 'menu/unchecked.gif';

data/public/stylesheets/clifton/resources/themes/stylesheets/clifton/default/variables/_panel.scss

@@ -1,71 +0,0 @@
-// TODO: Change value to $include-default-uis !default;
-$include-panel-uis: true;
-
-// ===============================
-// ========= BASE PANEL ==========
-// ===============================
-$panel-border-radius: null !default;
-$panel-border-width: 1px !default;
-$panel-base-color: $color !default; //#DFE8F6
-$panel-border-color: $border-color !default;
-
-// ===============================
-// ========= PANEL BODY ==========
-// ===============================
-$panel-body-border-style: solid !default;
-$panel-body-background-color: #fff !default;
-$panel-body-color: #000 !default;
-$panel-body-border-color: $panel-border-color !default;
-$panel-body-font-size: $font-size !default;
-
-// ===============================
-// ======== PANEL TOOLS ==========
-// ===============================
-$tool-size: 16px !default;
-
-// ===============================
-// ======== PANEL HEADER =========
-// ===============================
-$panel-header-border-width: 1px !default;
-$panel-header-border-style: solid !default;
-$panel-header-border-radius: 6px 6px !default;
-$panel-header-inner-border: false !default;
-$panel-header-inner-border-width: 0 0 0 !default;
-
-//padding
-$panel-header-padding: 3px 5px 4px !default;
-$panel-header-vertical-padding: 5px 4px !default;
-
-//fonts
-$panel-header-font-size: ceil($font-size + 2) !default; //14px
-$panel-header-line-height: 17px !default;
-$panel-header-font-weight: bold !default;
-$panel-header-font-family: $font-family !default;
-
-//icon
-$panel-header-icon-width: 16px !default;
-$panel-header-icon-height: 16px !default;
-
-//background
-$panel-header-background-gradient: 'panel-header' !default;
-
-// UI defaults
-$panel-header-border-color: $panel-border-color !default;
-$panel-header-inner-border-color: adjust-color($panel-base-color, $hue: 0deg, $saturation: -6.098%, $lightness: 4.902%) !default;
-$panel-header-color: $panel-base-color !default;
-$panel-header-background-color: adjust-color($panel-base-color, $hue: 0deg, $saturation: 6.402%, $lightness: -4.51%) !default;
-
-// ===============================
-// ======== FRAMED PANEL =========
-// ===============================
-$frame-base-color: $base-color !default;
-
-//border
-$panel-frame-border-radius: 4px !default;
-$panel-frame-border-width: 1px !default;
-$panel-frame-border-style: solid !default;
-$panel-frame-padding: 0 !default;
-
-// UI defaults
-$panel-frame-background-color: $frame-base-color !default;
-$panel-frame-border-color: $panel-border-color !default;