123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312 |
- /**
- * @class Ext.TitleBar
- */
- /**
- * @var {color}
- * Titlebar background-color
- */
- $titlebar-background-color: dynamic($base-color);
- /**
- * @var {string/list}
- * Titlebar background-gradient. Can be either the name of a gradient defined by
- * {@link Global_CSS#background-gradient} or a list of color stops.
- */
- $titlebar-background-gradient: dynamic(null);
- /**
- * @var {color}
- * Titlebar color
- */
- $titlebar-color: dynamic(#fff);
- /**
- * @var {number/list}
- * Titlebar border-width
- */
- $titlebar-border-width: dynamic(1px);
- /**
- * @var {string/list}
- * Titlebar border-style
- */
- $titlebar-border-style: dynamic(solid);
- /**
- * @var {color/list}
- * Titlebar border-color
- */
- $titlebar-border-color: dynamic($neutral-medium-dark-color);
- /**
- * @var {list}
- * Titlebar box-shadow
- */
- $titlebar-box-shadow: dynamic(null);
- /**
- * @var {string/number}
- * Titlebar font-weight
- */
- $titlebar-font-weight: dynamic($font-weight-bold);
- /**
- * @var {number}
- * Titlebar font-size
- */
- $titlebar-font-size: dynamic($font-size);
- /**
- * @var {number}
- * Titlebar font-size in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-font-size-big: dynamic($font-size-big);
- /**
- * @var {number}
- * Titlebar line-height
- */
- $titlebar-line-height: dynamic(16px);
- /**
- * @var {number}
- * Titlebar line-height in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-line-height-big: dynamic(null);
- /**
- * @var {string}
- * Titlebar font-family
- */
- $titlebar-font-family: dynamic($font-family);
- /**
- * @var {number/list}
- * Titlebar padding
- */
- $titlebar-padding: dynamic(6px 6px);
- /**
- * @var {number/list}
- * Titlebar padding in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-padding-big: dynamic(6px 10px);
- /**
- * @var {number}
- * The space in between horizontally aligned Titlebar items
- */
- $titlebar-horizontal-spacing: dynamic(3px);
- /**
- * @var {number}
- * The space in between horizontally aligned Titlebar items in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-horizontal-spacing-big: dynamic(4px);
- /**
- * @var {number}
- * The space in between vertically aligned Titlebar items
- */
- $titlebar-vertical-spacing: dynamic(3px);
- /**
- * @var {number}
- * The space in between vertically aligned Titlebar items in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-vertical-spacing-big: dynamic(4px);
- /**
- * @var {color}
- * Titlebar {@link Ext.Title Title} color
- */
- $titlebar-title-color: dynamic(#fff);
- /**
- * @var {string/number}
- * Titlebar {@link Ext.Title Title} font-weight
- */
- $titlebar-title-font-weight: dynamic($titlebar-font-weight);
- /**
- * @var {number}
- * Titlebar {@link Ext.Title Title} font-size
- */
- $titlebar-title-font-size: dynamic($titlebar-font-size);
- /**
- * @var {number}
- * Titlebar {@link Ext.Title Title} font-size in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-title-font-size-big: dynamic($titlebar-font-size-big);
- /**
- * @var {string}
- * Titlebar {@link Ext.Title Title} font-family
- */
- $titlebar-title-font-family: dynamic($font-family);
- /**
- * @var {number}
- * Titlebar {@link Ext.Title Title} title-padding
- */
- $titlebar-title-padding: dynamic(null);
- /**
- * @var {number}
- * Titlebar {@link Ext.Title Title} title-padding in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-title-padding-big: dynamic(null);
- /**
- * @var {number}
- * Titlebar min-height
- */
- $titlebar-min-height: dynamic(36px);
- /**
- * @var {number}
- * Titlebar min-height in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- $titlebar-min-height-big: dynamic(44px);
- /**
- * Creates a visual theme for a Titlebar.
- *
- * @param {string} $ui
- * The name of the UI being created. Can not included spaces or special punctuation
- * (used in CSS class names).
- *
- * @param {String} [$xtype=titlebar] (protected) The {@link Ext.Class#xtype} to use
- * in CSS selectors. For use by UI mixins of derived classes.
- *
- * @param {color} $background-color
- * Titlebar background-color
- *
- * @param {string/list} $background-gradient
- * Titlebar background-gradient. Can be either the name of a gradient defined by
- * {@link Global_CSS#background-gradient} or a list of color stops.
- *
- * @param {color} $color
- * Titlebar color
- *
- * @param {number/list} $border-width
- * Titlebar border-width
- *
- * @param {string/list} $border-style
- * Titlebar border-style
- *
- * @param {color} $border-color
- * Titlebar border-color
- *
- * @param {color} $box-shadow
- * Titlebar box-shadow
- *
- * @param {string/number} $font-weight
- * Titlebar font-weight
- *
- * @param {number} $font-size
- * Titlebar font-size
- *
- * @param {number} $font-size-big
- * Titlebar font-size in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $line-height
- * Titlebar line-height
- *
- * @param {number} $line-height-big
- * Titlebar line-height in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {string} $font-family
- * Titlebar font-family
- *
- * @param {number/list} $padding
- * Titlebar padding
- *
- * @param {number/list} $padding-big
- * Titlebar padding in the {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $horizontal-spacing
- * The space in between horizontally aligned Titlebar items
- *
- * @param {number} $horizontal-spacing-big
- * The space in between horizontally aligned Titlebar items in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $vertical-spacing
- * The space in between vertically aligned Titlebar items
- *
- * @param {number} $vertical-spacing-big
- * The space in between vertically aligned Titlebar items in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {color} $title-color
- * Titlebar {@link Ext.Title Title} color
- *
- * @param {string/number} $title-font-weight
- * Titlebar {@link Ext.Title Title} font-weight
- *
- * @param {number} $title-font-size
- * Titlebar {@link Ext.Title Title} font-size
- *
- * @param {number} $title-font-size-big
- * Titlebar {@link Ext.Title Title} font-size in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {string} $title-font-family
- * Titlebar {@link Ext.Title Title} font-family
- *
- * @param {number} $title-padding
- * Titlebar {@link Ext.Title Title} padding
- *
- * @param {number} $title-padding-big
- * Titlebar {@link Ext.Title Title} padding in the
- * {@link Global_CSS#$enable-big big} sizing scheme
- *
- * @param {number} $min-height
- * Titlebar min-height
- *
- * @param {number} $min-height-big
- * Titlebar min-height in the {@link Global_CSS#$enable-big big} sizing scheme
- */
- @mixin titlebar-ui(
- $ui: null,
- $xtype: titlebar,
- $background-color: null,
- $background-gradient: null,
- $color: null,
- $border-width: null,
- $border-style: null,
- $border-color: null,
- $box-shadow: null,
- $font-weight: null,
- $font-size: null,
- $font-size-big: null,
- $line-height: null,
- $line-height-big: null,
- $font-family: null,
- $padding: null,
- $padding-big: null,
- $horizontal-spacing: null,
- $horizontal-spacing-big: null,
- $vertical-spacing: null,
- $vertical-spacing-big: null,
- $title-color: null,
- $title-font-weight: null,
- $title-font-size: null,
- $title-font-size-big: null,
- $title-font-family: null,
- $title-padding: null,
- $title-padding-big: null,
- $min-height: null,
- $min-height-big: null
- ) {
- $arguments: intersect-arguments(titlebar-ui, toolbar-ui);
- @include toolbar-ui($arguments...);
- }
|