| 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 | /// width
|
| 19 | /// @namespace size/button
|
| 20 | $number-picker-normal-m-button-width: $s-5 !default;
|
| 21 | /// width
|
| 22 | /// @namespace size/button
|
| 23 | $number-picker-normal-l-button-width: $s-5 !default;
|
| 24 |
|
| 25 | /// icon
|
| 26 | /// @namespace size/button
|
| 27 | $number-picker-normal-m-button-icon-size: $icon-xxs !default;
|
| 28 |
|
| 29 | /// icon
|
| 30 | /// @namespace size/button
|
| 31 | $number-picker-normal-l-button-icon-size: $icon-xxs !default;
|
| 32 |
|
| 33 | // inline
|
| 34 | // --------------------------------------------------
|
| 35 |
|
| 36 | /// icon
|
| 37 | /// @namespace size/button
|
| 38 | $number-picker-inline-m-button-icon-size: $icon-xs !default;
|
| 39 | /// margin
|
| 40 | /// @type number
|
| 41 | /// @namespace size/button
|
| 42 | $number-picker-inline-m-button-margin: 2px !default;
|
| 43 | /// icon
|
| 44 | /// @namespace size/button
|
| 45 | $number-picker-inline-l-button-icon-size: $icon-xs !default;
|
| 46 | /// margin
|
| 47 | /// @type number
|
| 48 | /// @namespace size/button
|
| 49 | $number-picker-inline-l-button-margin: 2px !default;
|