mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-01 22:10:27 +00:00
214 lines
5.3 KiB
SCSS
214 lines
5.3 KiB
SCSS
@charset "UTF-8";
|
|
|
|
////
|
|
/// @module input: 输入框
|
|
/// @tag input
|
|
/// @category component
|
|
/// @family data-entry
|
|
/// @varPrefix $input-
|
|
/// @classPrefix {prefix}-input
|
|
/// @order {"statement/normal":10,"statement/normal/addon":100,"statement/normal/feedback":101,"statement/normal/maxlen":102,"statement/normal/clear":103,"statement/hover":11,"statement/hover/clear":110,"statement/focus":12,"statement/disabled":13,"statement/error":14,"size/bounding":10,"size/bounding/addon":100,"size/label":11,"size/maxlen":12}
|
|
////
|
|
|
|
$input-prefix: '.#{$css-prefix}input';
|
|
|
|
// 公共
|
|
// --------------------------------------------------
|
|
|
|
/// text
|
|
/// @namespace statement/normal
|
|
$input-text-color: $color-text1-4 !default;
|
|
|
|
/// border
|
|
/// @namespace statement/normal
|
|
$input-border-color: $color-line1-3 !default;
|
|
|
|
/// label
|
|
/// @namespace statement/normal
|
|
$input-label-color: $color-text1-3 !default;
|
|
|
|
/// border
|
|
/// @namespace statement/hover
|
|
$input-hover-border-color: $color-line1-4 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/hover
|
|
$input-hover-bg-color: $color-white !default;
|
|
|
|
/// border
|
|
/// @namespace statement/focus
|
|
$input-focus-border-color: $color-brand1-6 !default;
|
|
$color-calculate-input-focus-shadow: rgba($input-focus-border-color, .2);
|
|
|
|
/// background
|
|
/// @namespace statement/focus
|
|
$input-focus-bg-color: $color-white !default;
|
|
|
|
/// shadow
|
|
/// @namespace statement/focus
|
|
$input-focus-shadow-spread: $line-zero !default;
|
|
|
|
/// border
|
|
/// @namespace size/bounding
|
|
$input-border-width: $line-1 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/normal
|
|
$input-bg-color: $color-white !default;
|
|
|
|
/// placeholder
|
|
/// @namespace statement/normal
|
|
$input-placeholder-color: $color-text1-2 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/disabled
|
|
$input-disabled-color: $color-text1-1 !default;
|
|
|
|
/// border
|
|
/// @namespace statement/disabled
|
|
$input-disabled-border-color: $color-line1-1 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/disabled
|
|
$input-disabled-bg-color: $color-fill1-1 !default;
|
|
|
|
// 多行
|
|
// --------------------------------------------------
|
|
|
|
/// padding(l,r)
|
|
/// @namespace size/bounding
|
|
$input-multiple-padding-lr: $s-2 !default;
|
|
|
|
/// padding(t,b)
|
|
/// @namespace size/bounding
|
|
$input-multiple-padding-tb: $s-1 !default;
|
|
|
|
/// text
|
|
/// @namespace size/bounding
|
|
$input-multiple-font-size: $font-size-body-1 !default;
|
|
|
|
/// corner
|
|
/// @namespace size/bounding
|
|
$input-multiple-corner: $corner-1 !default;
|
|
|
|
// addon
|
|
// --------------------------------------------------
|
|
|
|
/// background
|
|
/// @namespace statement/normal/addon
|
|
$input-addon-bg-color: $color-fill1-2 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/addon
|
|
$input-addon-text-color: $color-text1-2 !default;
|
|
|
|
/// padding(l,r)
|
|
/// @namespace size/bounding/addon
|
|
$input-addon-padding: $s-2 !default;
|
|
|
|
// large
|
|
// --------------------------------------------------
|
|
|
|
/// padding
|
|
/// @namespace size/bounding
|
|
$input-l-padding: $s-3 !default;
|
|
|
|
/// padding(l)
|
|
/// @namespace size/label
|
|
$input-l-label-padding-left: $s-3 !default;
|
|
|
|
/// padding(r)
|
|
/// @namespace size/label
|
|
$input-l-icon-padding-right: $s-2 !default;
|
|
|
|
// medium
|
|
// --------------------------------------------------
|
|
|
|
/// padding
|
|
/// @namespace size/bounding
|
|
$input-m-padding: $s-2 !default;
|
|
|
|
/// padding(l)
|
|
/// @namespace size/label
|
|
$input-m-label-padding-left: $s-2 !default;
|
|
|
|
/// padding(r)
|
|
/// @namespace size/label
|
|
$input-m-icon-padding-right: $s-2 !default;
|
|
|
|
// small
|
|
// --------------------------------------------------
|
|
|
|
/// padding
|
|
/// @namespace size/bounding
|
|
$input-s-padding: $s-1 !default;
|
|
|
|
/// padding(l)
|
|
/// @namespace size/label
|
|
$input-s-label-padding-left: $s-2 !default;
|
|
|
|
/// padding(r)
|
|
/// @namespace size/label
|
|
$input-s-icon-padding-right: $s-1 !default;
|
|
|
|
// feedback
|
|
// --------------------------------------------------
|
|
/// warning
|
|
/// @namespace statement/normal/feedback
|
|
$input-feedback-warning-color: $color-warning-3 !default;
|
|
/// success
|
|
/// @namespace statement/normal/feedback
|
|
$input-feedback-success-color: $color-success-3 !default;
|
|
|
|
/// loading
|
|
/// @namespace statement/normal/feedback
|
|
$input-feedback-loading-color: $color-notice-3 !default;
|
|
|
|
/// border
|
|
/// @namespace statement/error
|
|
$input-feedback-error-border-color: $color-error-3 !default;
|
|
$color-calculate-input-feedback-error-shadow: rgba($input-feedback-error-border-color, .2);
|
|
|
|
/// background
|
|
/// @namespace statement/error
|
|
$input-feedback-error-bg-color: $color-white !default;
|
|
|
|
/// border
|
|
/// @namespace statement/warning
|
|
$input-feedback-warning-border-color: $color-warning-3 !default;
|
|
$color-calculate-input-feedback-warning-shadow: rgba($input-feedback-warning-border-color, .2);
|
|
|
|
/// background
|
|
/// @namespace statement/warning
|
|
$input-feedback-warning-bg-color: $color-white !default;
|
|
|
|
// maxlen
|
|
// --------------------------------------------------
|
|
|
|
/// error
|
|
/// @namespace statement/normal/maxlen
|
|
$input-maxlen-error-color: $color-error-3 !default;
|
|
|
|
/// warning
|
|
/// @namespace statement/normal/maxlen
|
|
$input-maxlen-warning-color: $color-warning-3 !default;
|
|
|
|
/// text
|
|
/// @namespace statement/normal/maxlen
|
|
$input-maxlen-color: $color-text1-2 !default;
|
|
|
|
/// text
|
|
/// @namespace size/maxlen
|
|
$input-maxlen-font-size: $font-size-caption !default;
|
|
|
|
// hint
|
|
// --------------------------------------------------
|
|
|
|
/// background
|
|
/// @namespace statement/normal/clear
|
|
$input-hint-color: $color-text1-2 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/hover/clear
|
|
$input-hint-hover-color: $color-text1-3 !default;
|