add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-neutral / sass / var / form / field / Display.scss

/**\r
 * Creates a visual theme for display fields.  Note this mixin only provides styling\r
 * for the form field body, The label and error are styled by {@link #extjs-label-ui}.\r
 *\r
 * @param {string} $ui\r
 * The name of the UI being created. Can not included spaces or special punctuation\r
 * (used in CSS class names).\r
 *\r
 * @param {number} [$ui-field-height=$form-field-height]\r
 * The height of the field body that the display text must fit within.  This does not set\r
 * the height of the field, only allows the text to be centered inside the field body.\r
 * (The height of the field body is determined by {@link #extjs-label-ui}).\r
 *\r
 * @param {color} [$ui-color=$form-display-field-color]\r
 * The text color of display fields\r
 *\r
 * @param {number} [$ui-font-size=$form-display-field-font-size]\r
 * The font-size of the display field\r
 *\r
 * @param {string} [$ui-font-family=$form-display-field-font-family]\r
 * The font-family of the display field\r
 *\r
 * @param {string} [$ui-font-weight=$form-display-field-font-weight]\r
 * The font-weight of the display field\r
 *\r
 * @param {number} [$ui-line-height=$form-display-field-line-height]\r
 * The line-height of the display field\r
 *\r
 * @member Ext.form.field.Display\r
 */\r
@mixin extjs-display-field-ui(\r
    $ui: null,\r
    $ui-field-height: $form-field-height,\r
    $ui-color: $form-display-field-color,\r
    $ui-font-size: $form-display-field-font-size,\r
    $ui-font-family: $form-display-field-font-family,\r
    $ui-font-weight: $form-display-field-font-weight,\r
    $ui-line-height: $form-display-field-line-height\r
) {\r
    .#{$prefix}form-display-field-#{$ui} {\r
        min-height: $ui-field-height;\r
        font: $ui-font-weight #{$ui-font-size}/#{$ui-line-height} $ui-font-family;\r
        color: $ui-color;\r
        margin-top: round(($ui-field-height - $ui-line-height) / 2);\r
    }\r
}\r