@import "../mixins/index"; @btnClass: ~"@{css-prefix}btn"; .reset-form(); label { position: relative; &[required]:before { position: absolute; display: inline-block; left: ~"-5px \9"; // ie8-9 content: "*"; color: @label-required-color; font-family: SimSun; font-size: @font-size-base; .translate3d(-10px; 0; 0); } > .@{iconfont-css-prefix} { vertical-align: top; font-size: @font-size-base; } } // Form items // You should wrap labels and controls in .@{css-prefix}form-item for optimum spacing .@{css-prefix}form-item { margin-bottom: @form-item-margin-bottom; label { color: @label-color; text-align: right; padding-right: 8px; } } // Input styles .@{css-prefix}input { .input; } //== Input type: with extra icon .has-feedback { .input-with-icon(); } //== Style for input-group .@{css-prefix}input-group { .input-group(~"@{css-prefix}input"; @btnClass) } // 表单下的输入框尺寸唯一: 大尺寸 form { .has-feedback { .@{iconfont-css-prefix} { .square(@input-height-lg); line-height: @input-height-lg; } } .@{css-prefix}input, .@{css-prefix}input-group .@{css-prefix}input, .@{css-prefix}input-group .@{css-prefix}input-group-addon, .@{css-prefix}input-group .@{css-prefix}input-group-btn .@{btnClass} { height: @input-height-lg; font-size: @font-size-base; padding: @input-padding-horizontal; } // input[type=file] .@{css-prefix}upload { padding-top: 7px; padding-bottom: 7px; max-height: 32px; font-size: @font-size-base; background: transparent; } } // Radio & Checkbox .@{css-prefix}radio, .@{css-prefix}checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; height: @input-height-lg; label { min-height: @line-height-computed; padding: 7px 0 7px 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } } .@{css-prefix}radio input[type="radio"], .@{css-prefix}radio-inline input[type="radio"], .@{css-prefix}checkbox input[type="checkbox"], .@{css-prefix}checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .@{css-prefix}radio + .@{css-prefix}radio, .@{css-prefix}checkbox + .@{css-prefix}checkbox { margin-top: -5px; } // Radios and checkboxes on same line .@{css-prefix}radio-inline, .@{css-prefix}checkbox-inline { position: relative; display: inline-block; padding: 7px 20px; padding-right: 0!important; margin-bottom: 0; margin-right: 10px; vertical-align: middle; font-weight: normal; cursor: pointer; } input[type="radio"], input[type="checkbox"] { &[disabled], &.disabled, fieldset[disabled] & { cursor: @cursor-disabled; } } // These classes are used directly on