lixinru
/
YtIoT


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
							<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-form-field-Base-css_mixin-extjs-form-field'>/**
</span> * Creates the base structure of form field.
 * @member Ext.form.field.Base
 */
@mixin extjs-form-field {
    .#{$prefix}form-field,
    .#{$prefix}form-display-field {
        margin: 0 0 0 0;

        font: $form-field-font;
        color: $form-field-color;
    }

    .#{$prefix}form-item-hidden {
        margin: 0;
    }

    .#{$prefix}form-text,
    textarea.#{$prefix}form-field {
        padding: $form-field-padding;

        background: repeat-x 0 0;
        border: $form-field-border-width solid;

        background-color: $form-field-background-color;
        @if $form-field-background-image {
            background-image: theme-background-image($theme-name, $form-field-background-image);
        }

        border-color: $form-field-border-color;
    }

    $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);
    $form-field-line-height: $form-field-content-height - 3px;

    .#{$prefix}form-text {
        height: $form-field-content-height;
        line-height: $form-field-line-height;
        vertical-align: top;
    }

    .#{$prefix}ie8m {
        .#{$prefix}form-text {
            line-height: $form-field-line-height;
        }
    }

    .#{$prefix}border-box .#{$prefix}form-text {
        height: $form-field-height;
    }

    textarea.#{$prefix}form-field {
        color: $form-field-color;
        overflow: auto;
        height: auto;
        line-height: normal;
        background: repeat-x 0 0;
        background-color: $form-field-background-color;
        @if $form-field-background-image {
            background-image: theme-background-image($theme-name, $form-field-background-image);
        }
        resize: none; //Disable browser resizable textarea
    }

    .#{$prefix}border-box textarea.#{$prefix}form-field {
        height: auto;
    }

    @if $include-safari {
        .#{$prefix}safari.#{$prefix}mac textarea.#{$prefix}form-field {
            margin-bottom: -2px; // another bogus margin bug, safari/mac only
        }
    }

    .#{$prefix}form-focus,
    textarea.#{$prefix}form-focus {
        border-color: $form-field-focus-border-color;
    }

    .#{$prefix}form-invalid-field,
    textarea.#{$prefix}form-invalid-field {
        background-color: $form-field-invalid-background-color;
        @if $form-field-invalid-background-image {
            background-image: theme-background-image($theme-name, $form-field-invalid-background-image);
            background-repeat: $form-field-invalid-background-repeat;
            background-position: $form-field-invalid-background-position;
        }
        border-color: $form-field-invalid-border-color;
    }

    .#{$prefix}form-item {
        font: $form-label-font;
    }

    .#{$prefix}form-empty-field, textarea.#{$prefix}form-empty-field {
        color: $form-field-empty-color;
    }

    .#{$prefix}webkit {
        .#{$prefix}form-empty-field {
            line-height: $form-field-line-height;
        }
    }

    .#{$prefix}form-display-field {
        padding-top: 3px;
    }

    @if $include-ie {
        /*
        In oldIE, text inputs get a mysterious extra pixel of spacing above and below.
        This is targeted at IE6-IE7 (all modes) and IE9+ Quirks mode.

        IE8 quirks on Windows 7 requires this fix, but on
        IE8 quirks on Windows XP, this is breaks the layout.
        TODO: Check field input heights in IE8 quirks on Windows Vista.

        Since we can't specifically target a specific version of Windows via CSS, we default to fixing it the XP way, for now.
        */
        .#{$prefix}quirks .#{$prefix}ie9p .#{$prefix}form-text,
        .#{$prefix}ie7m .#{$prefix}form-text {
            margin-top: -1px;
            margin-bottom: -1px;
        }

        .#{$prefix}ie .#{$prefix}form-file {
            height: $form-field-height + 1;

            line-height: 18px;

            vertical-align: middle;
        }
    }

    .#{$prefix}field-default-toolbar .#{$prefix}form-text {
        height: $form-toolbar-field-height - vertical($form-field-padding) - vertical($form-field-border-width);
    }

    .#{$prefix}border-box .#{$prefix}field-default-toolbar .#{$prefix}form-text {
        height: $form-toolbar-field-height;
    }

    .#{$prefix}field-default-toolbar .#{$prefix}form-item-label-left {
        padding-left: 4px;
    }
}
</pre>
</body>
</html>