| 1 | @charset "UTF-8";
|
| 2 |
|
| 3 | ////
|
| 4 | /// @module number-picker: 数字输入框
|
| 5 | /// @tag NumberPicker
|
| 6 | /// @category component
|
| 7 | /// @family data-entry
|
| 8 | /// @varPrefix $number-picker-
|
| 9 | /// @classPrefix {prefix}-number-picker
|
| 10 | /// @order {"statement/normal":10,"statement/normal/input":100,"statement/normal/button":101,"statement/hover":11,"statement/hover/button":110,"statement/disabled":12,"statement/disabled/button":120,"size/bounding":10,"size/text":11,"size/input":12,"size/button":13}
|
| 11 | ////
|
| 12 |
|
| 13 | $number-picker-prefix: '.#{$css-prefix}number-picker';
|
| 14 |
|
| 15 | // Normal
|
| 16 | // --------------------------------------------------
|
| 17 |
|
| 18 | /// up icon
|
| 19 | /// @namespace statement/normal
|
| 20 | /// @type icon
|
| 21 | $number-picker-normal-up-icon: $icon-content-arrow-up !default;
|
| 22 | /// down icon
|
| 23 | /// @namespace statement/normal
|
| 24 | /// @type icon
|
| 25 | $number-picker-normal-down-icon: $icon-content-arrow-down !default;
|
| 26 | /// width
|
| 27 | /// @namespace size/button
|
| 28 | $number-picker-normal-s-button-width: $s-5 !default;
|
| 29 | /// width
|
| 30 | /// @namespace size/button
|
| 31 | $number-picker-normal-m-button-width: $s-5 !default;
|
| 32 | /// width
|
| 33 | /// @namespace size/button
|
| 34 | $number-picker-normal-l-button-width: $s-5 !default;
|
| 35 |
|
| 36 | /// width
|
| 37 | /// @namespace size/input
|
| 38 | $number-picker-normal-m-input-width: $s-20 !default;
|
| 39 | /// width
|
| 40 | /// @namespace size/input
|
| 41 | $number-picker-normal-l-input-width: $s-20 !default;
|
| 42 |
|
| 43 | /// icon
|
| 44 | /// @namespace size/button
|
| 45 | $number-picker-normal-s-button-icon-size: $icon-xxs !default;
|
| 46 |
|
| 47 | /// icon
|
| 48 | /// @namespace size/button
|
| 49 | $number-picker-normal-m-button-icon-size: $icon-xxs !default;
|
| 50 |
|
| 51 | /// icon
|
| 52 | /// @namespace size/button
|
| 53 | $number-picker-normal-l-button-icon-size: $icon-xxs !default;
|
| 54 |
|
| 55 | // inline
|
| 56 | // --------------------------------------------------
|
| 57 | /// add icon
|
| 58 | /// @namespace statement/normal
|
| 59 | /// @type icon
|
| 60 | $number-picker-inline-add-icon: $icon-content-add !default;
|
| 61 | /// minus icon
|
| 62 | /// @namespace statement/normal
|
| 63 | /// @type icon
|
| 64 | $number-picker-inline-minus-icon: $icon-content-minus !default;
|
| 65 | /// icon size
|
| 66 | /// @namespace size/button
|
| 67 | $number-picker-inline-s-button-icon-size: $icon-xs !default;
|
| 68 | /// margin
|
| 69 | /// @type number
|
| 70 | /// @namespace size/button
|
| 71 | $number-picker-inline-s-button-margin: 2px !default;
|
| 72 | /// corner
|
| 73 | /// @namespace size/button
|
| 74 | $number-picker-inline-s-button-corner: $corner-1 !default;
|
| 75 | /// icon
|
| 76 | /// @namespace size/button
|
| 77 | $number-picker-inline-m-button-icon-size: $icon-xs !default;
|
| 78 | /// margin
|
| 79 | /// @type number
|
| 80 | /// @namespace size/button
|
| 81 | $number-picker-inline-m-button-margin: 2px !default;
|
| 82 | /// corner
|
| 83 | /// @namespace size/button
|
| 84 | $number-picker-inline-m-button-corner: $corner-1 !default;
|
| 85 | /// width
|
| 86 | /// @namespace size/input
|
| 87 | $number-picker-inline-m-input-width: $s-25 !default;
|
| 88 | /// icon
|
| 89 | /// @namespace size/button
|
| 90 | $number-picker-inline-l-button-icon-size: $icon-xs !default;
|
| 91 | /// margin
|
| 92 | /// @type number
|
| 93 | /// @namespace size/button
|
| 94 | $number-picker-inline-l-button-margin: 2px !default;
|
| 95 | /// corner
|
| 96 | /// @namespace size/button
|
| 97 | $number-picker-inline-l-button-corner: $corner-1 !default;
|
| 98 | /// width
|
| 99 | /// @namespace size/bounding
|
| 100 | $number-picker-inline-l-input-width: $s-32 !default;
|