Ext.data.JsonP.Global_CSS({"alternateClassNames":[],"aliases":{},"enum":null,"parentMixins":[],"tagname":"class","subclasses":[],"extends":null,"uses":[],"html":"

Files

\n
Defined By

CSS Variables

Global_CSS
view source
: color
The base color to be used throughout the theme. ...

The base color to be used throughout the theme.

\n

Defaults to: #808080

Global_CSS
view source
: string
The base gradient to be used throughout the theme. ...

The base gradient to be used throughout the theme.

\n

Defaults to: 'matte'

Background color to apply to the body element ...

Background color to apply to the body element

\n

Defaults to: transparent

Global_CSS
view source
: color
The default text color to be used throughout the theme. ...

The default text color to be used throughout the theme.

\n

Defaults to: #000

Global_CSS
view source
: measurement
The border radius for CSS shadows ...

The border radius for CSS shadows

\n

Defaults to: 5px

Global_CSS
view source
: string
The default font-family to be used throughout the theme. ...

The default font-family to be used throughout the theme.

\n

Defaults to: helvetica , arial , verdana , sans-serif

Global_CSS
view source
: string
The default font-family to be used throughout the theme. ...

The default font-family to be used throughout the theme.

\n

Defaults to: 13px

Global_CSS
view source
: string
default file extension to use for images (defaults to 'png'). ...

default file extension to use for images (defaults to 'png').

\n

Defaults to: 'png'

Default search path for images ...

Default search path for images

\n

Defaults to: '.'

Global_CSS
view source
: boolean
True to include Chrome specific rules ...

True to include Chrome specific rules

\n

Defaults to: true

True to include rules for browsers that do not support the border-box model\n(IE6 strict and IE7 strict) ...

True to include rules for browsers that do not support the border-box model\n(IE6 strict and IE7 strict)

\n

Defaults to: $include-ie

True to include the default UI for each component. ...

True to include the default UI for each component.

\n

Defaults to: true

Global_CSS
view source
: boolean
True to include Firefox specific rules ...

True to include Firefox specific rules

\n

Defaults to: true

Global_CSS
view source
: boolean
True to include Internet Explorer specific rules ...

True to include Internet Explorer specific rules

\n

Defaults to: true

True to include files which are not found when compiling your SASS

\n

True to include files which are not found when compiling your SASS

\n
Global_CSS
view source
: boolean
True to include Opera specific rules ...

True to include Opera specific rules

\n

Defaults to: true

Global_CSS
view source
: boolean
True to include Safari specific rules ...

True to include Safari specific rules

\n

Defaults to: true

True to include all shadow images. ...

True to include all shadow images.

\n

Defaults to: true

Global_CSS
view source
: boolean
True to include Webkit specific rules ...

True to include Webkit specific rules

\n

Defaults to: true

Global_CSS
view source
: color
The neutral color to be used throughout the theme. ...

The neutral color to be used throughout the theme.

\n

Defaults to: #dcdcdc

Global_CSS
view source
: string
The prefix to be applied to all CSS selectors. ...

The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your\nJavaScript application.

\n

Defaults to: 'x-'

Global_CSS
view source
: boolean/string
True to use a relative image path for all new UIs. ...

True to use a relative image path for all new UIs. If true, the path will be \"../images/\".\nIt can also be a string of the path value.\nIt defaults to false, which means it will look for the images in the ExtJS SDK folder.

\n

Defaults to: false

default file extension to use for slicer images (defaults to 'gif'). ...

default file extension to use for slicer images (defaults to 'gif').

\n

Defaults to: 'gif'

The base path relative to the CSS output directory to use for theme resources. ...

The base path relative to the CSS output directory to use for theme resources. For example\nif the theme's images live one directory up from the generated CSS output in a directory\nnamed 'foo/images/', you would need to set this variable to '../foo/' in order for the image\npaths in the CSS output to be generated correctly. By default this is the same as the\nCSS output directory.

\n

Defaults to: ''

Defined By

CSS Mixins

Global_CSS
view source
( $bg-color, [$type], [$direction] )
Creates a background gradient. ...

Creates a background gradient.

\n\n

Example usage:

\n\n
.foo {\n     @include background-gradient(#808080, matte, left);\n}\n
\n
  • $bg-color : Color

    The background color of the gradient

    \n
  • $type : String/List (optional)

    The type of gradient to be used. Can either\nbe a String which is a predefined gradient name, or it can can be a list of color stops.\nIf null is passed, this mixin will still set the background-color to $bg-color.\nThe available predefined gradient names are:

    \n\n
      \n
    • bevel
    • \n
    • glossy
    • \n
    • recessed
    • \n
    • matte
    • \n
    • matte-reverse
    • \n
    • panel-header
    • \n
    • tabbar
    • \n
    • tab
    • \n
    • tab-active
    • \n
    • tab-over
    • \n
    • tab-disabled
    • \n
    • grid-header
    • \n
    • grid-header-over
    • \n
    • grid-row-over
    • \n
    • grid-cell-special
    • \n
    • glossy-button
    • \n
    • glossy-button-over
    • \n
    • glossy-button-pressed
    • \n
    \n\n\n

    Each of these gradient names corresponds to a function named linear-gradient[name].\nThemes can override these functions to customize the color stops that they return.\nFor example, to override the glossy-button gradient function add a function named\n\"linear-gradient-glossy-button\" to a file named \"sass/etc/mixins/background-gradient.scss\"\nin your theme. The function should return the result of calling the Compass linear-gradient\nfunction with the desired direction and color-stop information for the gradient. For example:

    \n\n
    @function linear-gradient-glossy-button($direction, $bg-color) {\n    @return linear-gradient($direction, color_stops(\n        mix(#fff, $bg-color, 10%),\n        $bg-color 50%,\n        mix(#000, $bg-color, 5%) 51%,\n        $bg-color\n    ));\n}\n
    \n

    Defaults to: $base-gradient

  • $direction : String (optional)

    The direction of the gradient. Can either be\ntop or left.

    \n

    Defaults to: top

","superclasses":[],"meta":{},"requires":[],"html_meta":{},"statics":{"property":[],"cfg":[],"css_var":[],"method":[],"event":[],"css_mixin":[]},"files":[{"href":"Component.scss3.html#Global_CSS","filename":"Component.scss"},{"href":"Component.scss5.html#Global_CSS","filename":"Component.scss"}],"linenr":1,"members":{"property":[],"cfg":[],"css_var":[{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$base-color","id":"css_var-S-base-color"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$base-gradient","id":"css_var-S-base-gradient"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$body-background-color","id":"css_var-S-body-background-color"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$color","id":"css_var-S-color"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$css-shadow-border-radius","id":"css_var-S-css-shadow-border-radius"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$font-family","id":"css_var-S-font-family"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$font-size","id":"css_var-S-font-size"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$image-extension","id":"css_var-S-image-extension"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$image-search-path","id":"css_var-S-image-search-path"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-chrome","id":"css_var-S-include-chrome"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-content-box","id":"css_var-S-include-content-box"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-default-uis","id":"css_var-S-include-default-uis"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-ff","id":"css_var-S-include-ff"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-ie","id":"css_var-S-include-ie"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-not-found-images","id":"css_var-S-include-not-found-images"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-opera","id":"css_var-S-include-opera"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-safari","id":"css_var-S-include-safari"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-shadow-images","id":"css_var-S-include-shadow-images"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$include-webkit","id":"css_var-S-include-webkit"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$neutral-color","id":"css_var-S-neutral-color"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$prefix","id":"css_var-S-prefix"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$relative-image-path-for-uis","id":"css_var-S-relative-image-path-for-uis"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$slicer-image-extension","id":"css_var-S-slicer-image-extension"},{"tagname":"css_var","owner":"Global_CSS","meta":{},"name":"$theme-resource-path","id":"css_var-S-theme-resource-path"}],"method":[],"event":[],"css_mixin":[{"tagname":"css_mixin","owner":"Global_CSS","meta":{},"name":"background-gradient","id":"css_mixin-background-gradient"}]},"inheritable":null,"private":null,"component":false,"name":"Global_CSS","singleton":false,"override":null,"inheritdoc":null,"id":"class-Global_CSS","mixins":[],"mixedInto":[]});