/** * @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(1rem); /** * @var {number} * Titlebar font-size in the {@link Global_CSS#$enable-big big} sizing scheme */$titlebar-font-size-big: dynamic(null); /** * @var {number} * Titlebar line-height */$titlebar-line-height: dynamic(1.25em); /** * @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(.4616em .5em); /** * @var {number/list} * Titlebar padding in the {@link Global_CSS#$enable-big big} sizing scheme */$titlebar-padding-big: dynamic(.4em .67em); /** * @var {number} * The space in between horizontally aligned Titlebar items */$titlebar-horizontal-spacing: dynamic(.2rem); /** * @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(.3rem); /** * @var {number} * The space in between vertically aligned Titlebar items */$titlebar-vertical-spacing: dynamic(.2rem); /** * @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(.3rem); /** * @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(2.7693em); /** * @var {number} * Titlebar min-height in the {@link Global_CSS#$enable-big big} sizing scheme */$titlebar-min-height-big: dynamic(2.9334em); /** * 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 {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) { @include toolbar-ui( $ui: $ui, $xtype: $xtype, $background-color: $background-color, $background-gradient: $background-gradient, $color: $color, $border-width: $border-width, $border-style: $border-style, $border-color: $border-color, $box-shadow: $box-shadow, $font-weight: $font-weight, $font-size: $font-size, $font-size-big: $font-size-big, $line-height: $line-height, $line-height-big: $line-height-big, $font-family: $font-family, $padding: $padding, $padding-big: $padding-big, $horizontal-spacing: $horizontal-spacing, $horizontal-spacing-big: $horizontal-spacing-big, $vertical-spacing: $vertical-spacing, $vertical-spacing-big: $vertical-spacing-big, $title-color: $title-color, $title-font-weight: $title-font-weight, $title-font-size: $title-font-size, $title-font-size-big: $title-font-size-big, $title-font-family: $title-font-family, $title-padding: $title-padding, $title-padding-big: $title-padding-big, $min-height: $min-height, $min-height-big: $min-height-big );}