1 @mixin extjs-form-field {
3 .#{$prefix}form-display-field {
8 font: $form-field-font;
9 color: $form-field-color;
13 textarea.#{$prefix}form-field {
14 padding: $form-field-padding;
16 background: repeat-x 0 0;
17 border: $form-field-border-width solid;
19 background-color: $form-field-background-color;
20 @if $form-field-background-image {
21 background-image: theme-background-image($theme-name, $form-field-background-image);
24 border-color: $form-field-border-color;
27 $form-field-content-height: $form-field-height - top($form-field-padding) - top($form-field-border-width) - bottom($form-field-padding) - bottom($form-field-border-width);
29 .#{$prefix}form-text {
30 height: $form-field-content-height;
31 line-height: $form-field-content-height;
32 vertical-align: middle;
38 .#{$prefix}form-text {
39 line-height: $form-field-content-height - 3px;
43 .#{$prefix}border-box .#{$prefix}form-text {
44 height: $form-field-height;
47 textarea.#{$prefix}form-field {
48 color: $form-field-color;
52 background: repeat-x 0 0;
53 background-color: $form-field-background-color;
54 @if $form-field-background-image {
55 background-image: theme-background-image($theme-name, $form-field-background-image);
57 resize: none; //Disable browser resizable textarea
60 .#{$prefix}border-box textarea.#{$prefix}form-field {
65 .#{$prefix}safari.#{$prefix}mac textarea.#{$prefix}form-field {
66 margin-bottom: -2px; // another bogus margin bug, safari/mac only
70 .#{$prefix}form-focus,
71 textarea.#{$prefix}form-focus {
72 border-color: $form-field-focus-border-color;
75 .#{$prefix}form-invalid-field,
76 textarea.#{$prefix}form-invalid-field {
77 background-color: $form-field-invalid-background-color;
78 @if $form-field-invalid-background-image {
79 background-image: theme-background-image($theme-name, $form-field-invalid-background-image);
80 background-repeat: $form-field-invalid-background-repeat;
81 background-position: $form-field-invalid-background-position;
83 border-color: $form-field-invalid-border-color;
86 .#{$prefix}form-item {
87 font: $form-label-font;
90 .#{$prefix}form-empty-field, textarea.#{$prefix}form-empty-field {
91 color: $form-field-empty-color;
95 .#{$prefix}form-empty-field {
100 .#{$prefix}form-display-field {
105 .#{$prefix}ie .#{$prefix}form-file {
106 height: $form-field-height + 1;
110 vertical-align: middle;
114 .#{$prefix}field-default-toolbar .#{$prefix}form-text {
115 height: $form-toolbar-field-height - vertical($form-field-padding) - vertical($form-field-border-width);
118 .#{$prefix}border-box .#{$prefix}field-default-toolbar .#{$prefix}form-text {
119 height: $form-toolbar-field-height;
122 .#{$prefix}field-default-toolbar .#{$prefix}form-item-label-left {