| 1 | ////
|
| 2 | /// @module transfer: 穿梭框
|
| 3 | /// @tag Transfer
|
| 4 | /// @category component
|
| 5 | /// @family data-entry
|
| 6 | /// @varPrefix $transfer-
|
| 7 | /// @classPrefix {prefix}-transfer
|
| 8 | /// @order {"size/move":10,"size/panel":11,"size/header":12,"size/search":13,"size/footer":14,"size/list":15,"statement/normal":10,"statement/normal/move":100,"statement/normal/panel":101,"statement/normal/header":102,"statement/normal/item":103,"statement/normal/footer":104,"statement/hover":11,"statement/hover/item":110}
|
| 9 | ////
|
| 10 |
|
| 11 | // transfer variables
|
| 12 | // --------------------------------------------------
|
| 13 |
|
| 14 | // unconfigurable
|
| 15 | $transfer-prefix: ".#{$css-prefix}transfer";
|
| 16 |
|
| 17 | // Size
|
| 18 | // ----------------------------------------
|
| 19 |
|
| 20 | /// margin (l, r)
|
| 21 | /// @namespace size/move
|
| 22 | $transfer-operation-margin-left-right: $s-5 !default;
|
| 23 |
|
| 24 | /// spacing
|
| 25 | /// @namespace size/move
|
| 26 | $transfer-operation-margin-gutter: $s-2 !default;
|
| 27 |
|
| 28 | /// icon
|
| 29 | /// @namespace size/move
|
| 30 | $transfer-operation-icon-size: $icon-xs !default;
|
| 31 |
|
| 32 | /// border width
|
| 33 | /// @namespace size/panel
|
| 34 | $transfer-panel-border-width: $line-1 !default;
|
| 35 |
|
| 36 | /// padding (t, b)
|
| 37 | /// @namespace size/header
|
| 38 | $transfer-panel-header-padding-top-bottom: $s-2 !default;
|
| 39 |
|
| 40 | /// padding (l, r)
|
| 41 | /// @namespace size/header
|
| 42 | $transfer-panel-header-padding-left-right: $s-5 !default;
|
| 43 |
|
| 44 | /// text
|
| 45 | /// @namespace size/header
|
| 46 | $transfer-panel-header-text-size: $font-size-body-1 !default;
|
| 47 |
|
| 48 | /// margin (t)
|
| 49 | /// @namespace size/search
|
| 50 | $transfer-panel-search-margin-top: $s-2 !default;
|
| 51 |
|
| 52 | /// margin (l, r)
|
| 53 | /// @namespace size/search
|
| 54 | $transfer-panel-search-margin-left-right: $s-1 !default;
|
| 55 |
|
| 56 | /// margin (b)
|
| 57 | /// @namespace size/search
|
| 58 | $transfer-panel-search-margin-bottom: $s-zero !default;
|
| 59 |
|
| 60 | /// width
|
| 61 | /// @namespace size/list
|
| 62 | $transfer-panel-list-width: $s-45 !default;
|
| 63 |
|
| 64 | /// height
|
| 65 | /// @namespace size/list
|
| 66 | $transfer-panel-list-height: $s-40 !default;
|
| 67 |
|
| 68 | /// padding (t, b)
|
| 69 | /// @namespace size/footer
|
| 70 | $transfer-panel-footer-padding-top-bottom: $s-2 !default;
|
| 71 |
|
| 72 | /// padding (l, r)
|
| 73 | /// @namespace size/footer
|
| 74 | $transfer-panel-footer-padding-left-right: $s-5 !default;
|
| 75 |
|
| 76 | // Statement
|
| 77 | // ----------------------------------------
|
| 78 |
|
| 79 | /// icon
|
| 80 | /// @namespace statement/normal/move
|
| 81 | $transfer-simple-move-icon: $icon-content-switch !default;
|
| 82 |
|
| 83 | /// icon color
|
| 84 | /// @namespace statement/normal/move
|
| 85 | $transfer-simple-move-icon-color: $color-line1-3 !default;
|
| 86 |
|
| 87 | /// border color
|
| 88 | /// @namespace statement/normal/panel
|
| 89 | $transfer-panel-border-color: $color-line1-2 !default;
|
| 90 |
|
| 91 | /// corner
|
| 92 | /// @namespace statement/normal/panel
|
| 93 | $transfer-panel-border-corner: $corner-1 !default;
|
| 94 |
|
| 95 | /// background
|
| 96 | /// @namespace statement/normal/panel
|
| 97 | $transfer-panel-background-color: $color-white !default;
|
| 98 |
|
| 99 | /// text
|
| 100 | /// @namespace statement/normal/header
|
| 101 | $transfer-panel-header-text-color: $color-text1-4 !default;
|
| 102 |
|
| 103 | /// background
|
| 104 | /// @namespace statement/normal/header
|
| 105 | $transfer-panel-header-background-color: $color-fill1-1 !default;
|
| 106 |
|
| 107 | /// icon
|
| 108 | /// @namespace statement/normal/item
|
| 109 | $transfer-panel-search-icon-color: $color-text1-2 !default;
|
| 110 |
|
| 111 | /// text
|
| 112 | /// @namespace statement/normal/footer
|
| 113 | $transfer-panel-footer-text-color: $color-text1-4 !default;
|
| 114 |
|
| 115 | /// background
|
| 116 | /// @namespace statement/normal/footer
|
| 117 | $transfer-panel-footer-background-color: $color-white !default;
|
| 118 |
|
| 119 | /// text
|
| 120 | /// @namespace statement/normal/footer
|
| 121 | $transfer-simple-panel-footer-text-color: $color-brand1-6 !default;
|
| 122 |
|
| 123 | /// text
|
| 124 | /// @namespace statement/hover/item
|
| 125 | $transfer-simple-panel-item-hover-text-color: $color-brand1-6 !default;
|
| 126 |
|
| 127 | /// shadow
|
| 128 | /// @namespace statement/normal/footer
|
| 129 | $transfer-panel-footer-shadow: $shadow-zero !default;
|