add extjs 6.0.1 sources

[extjs.git] / extjs / modern / theme-neptune / sass / src / field / Field.scss

/**\r
 * @class Ext.field.Field\r
 */\r
\r
.x-field {\r
    background: $field-background-color;\r
\r
    &:last-child {\r
        border-bottom: 0;\r
    }\r
}\r
\r
.x-form-label {\r
    color: $field-label-color;\r
    background-color: $field-label-background-color;\r
\r
    padding: $field-label-padding;\r
    @include font($field-label-font-weight, $field-label-font-size, $field-label-line-height, $field-label-font-family);\r
    min-height: calc(#{$field-label-line-height} + #{vertical($field-label-padding)});\r
\r
    @if $enable-big {\r
        .x-big & {\r
            @if $field-label-padding-big != $field-label-padding {\r
                padding: $field-label-padding-big;\r
            }\r
            @if $field-label-font-size-big != $field-label-font-size {\r
                font-size: $field-label-font-size-big;\r
            }\r
            @if $field-label-line-height-big != $field-label-line-height {\r
                line-height: $field-label-line-height-big;\r
            }\r
        }\r
    }\r
}\r
\r
.x-field-input {\r
    .x-clear-icon {\r
        width: $textfield-clear-icon-size;\r
        height: $textfield-clear-icon-size;\r
        top: 50%;\r
        right: .4em;\r
        color: $textfield-clear-icon-color;\r
        margin-top: -($textfield-clear-icon-size / 2);\r
        @include font-icon($textfield-clear-icon);\r
    }\r
}\r
\r
.x-field-clearable,\r
.x-field-revealable {\r
    .x-input-el {\r
        padding-right: calc(#{$textfield-clear-icon-font-size} + .6em);\r
\r
        @if $enable-big {\r
            .x-big & {\r
                padding-right: calc(#{$textfield-clear-icon-font-size-big} + .6em);\r
            }\r
        }\r
    }\r
}\r
\r
.x-input-el {\r
    background-color: $textfield-input-background-color;\r
    padding: $textfield-input-padding;\r
    @include font($textfield-input-font-weight, $textfield-input-font-size, $textfield-input-line-height, $textfield-input-font-family);\r
    min-height: calc(#{$textfield-input-line-height} + #{vertical($textfield-input-padding)});\r
\r
    @if $enable-big {\r
        .x-big & {\r
            @if $textfield-input-padding-big != $textfield-input-padding {\r
                padding: $textfield-input-padding-big;\r
            }\r
            @if $textfield-input-font-size-big != $textfield-input-font-size {\r
                font-size: $textfield-input-font-size-big;\r
            }\r
            @if $textfield-input-line-height-big != $textfield-input-line-height {\r
                line-height: $textfield-input-line-height-big;\r
            }\r
        }\r
    }\r
\r
    border-width: 0;\r
    -webkit-appearance: none;\r
}\r
\r
.x-item-disabled {\r
  .x-form-label,\r
  input,\r
  .x-input-el,\r
  .x-spinner-body,\r
  select,\r
  textarea,\r
  .x-field-clear-container {\r
    color: #b3b3b3;\r
    pointer-events: none;\r
  }\r
}\r
\r
.x-item-disabled .x-form-label {\r
    color: #aaa;\r
}\r
\r
.x-item-disabled .x-form-label:after {\r
    color: #666 !important;\r
}