| 1 | :root {
|
| 2 | --tag-size-l-height: 40px;
|
| 3 | --tag-size-m-height: 28px;
|
| 4 | --tag-size-s-height: 20px;
|
| 5 | --tag-size-l-spacing: 16px;
|
| 6 | --tag-size-m-spacing: 12px;
|
| 7 | --tag-size-s-spacing: 8px;
|
| 8 | --tag-size-l-padding-lr: 16px;
|
| 9 | --tag-size-m-padding-lr: 12px;
|
| 10 | --tag-size-s-padding-lr: 8px;
|
| 11 | --tag-corner-radius: 3px;
|
| 12 | --tag-checkable-corner-radius: 3px;
|
| 13 | --tag-border-width: 1px;
|
| 14 | --tag-shadow: none;
|
| 15 | --tag-size-l-text-size: 16px;
|
| 16 | --tag-size-m-text-size: 14px;
|
| 17 | --tag-size-s-text-size: 12px;
|
| 18 | --tag-size-s-content-min-width: 28px;
|
| 19 | --tag-size-m-content-min-width: 40px;
|
| 20 | --tag-size-l-content-min-width: 48px;
|
| 21 | --tag-size-l-icon-font: 12px;
|
| 22 | --tag-size-m-icon-font: 8px;
|
| 23 | --tag-size-s-icon-font: 8px;
|
| 24 | --tag-size-l-tick-icon-size: 16px;
|
| 25 | --tag-size-m-tick-icon-size: 12px;
|
| 26 | --tag-size-s-tick-icon-size: 8px;
|
| 27 | --tag-size-l-tick-icon-bg-size: 36px;
|
| 28 | --tag-size-m-tick-icon-bg-size: 28px;
|
| 29 | --tag-size-s-tick-icon-bg-size: 20px;
|
| 30 | --tag-size-line-height: 16px;
|
| 31 | --tag-size-m-margin: 8px;
|
| 32 | --tag-size-s-margin: 4px;
|
| 33 | --tag-checkable-icon-selected: "";
|
| 34 | --tag-closable-normal-icon: "";
|
| 35 | --ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
| 36 | --tag-normal-text-color: #333333;
|
| 37 | --tag-fill-text-color: #666666;
|
| 38 | --tag-closable-normal-icon-color: #FFFFFF;
|
| 39 | --tag-closable-normal-icon-color-hover: #FFFFFF;
|
| 40 | --tag-closable-normal-icon-color-disabled: #FFFFFF;
|
| 41 | --tag-closable-normal-bg: #C4C6CF;
|
| 42 | --tag-closable-normal-bg-hover: #A0A2AD;
|
| 43 | --tag-closable-normal-bg-disabled: #E6E7EB;
|
| 44 | --tag-closable-bordered-text-color: #666666;
|
| 45 | --tag-closable-bordered-border-color: #C4C6CF;
|
| 46 | --tag-closable-bordered-bg: transparent;
|
| 47 | --tag-closable-bordered-text-color-hover: #333333;
|
| 48 | --tag-closable-bordered-border-color-hover: #A0A2AD;
|
| 49 | --tag-closable-bordered-bg-hover: transparent;
|
| 50 | --tag-closable-bordered-tail-color: #666666;
|
| 51 | --tag-closable-bordered-tail-color-hover: #333333;
|
| 52 | --tag-closable-bordered-tail-color-disabled: #CCCCCC;
|
| 53 | --tag-closable-bordered-border-color-disabled: #E6E7EB;
|
| 54 | --tag-closable-bordered-text-color-disabled: #CCCCCC;
|
| 55 | --tag-closable-bordered-bg-disabled: transparent;
|
| 56 | --tag-fill-tail-color: #666666;
|
| 57 | --tag-fill-border-color: #EBECF0;
|
| 58 | --tag-fill-border-color-hover: #E2E4E8;
|
| 59 | --tag-fill-text-color-disabled: #CCCCCC;
|
| 60 | --tag-fill-border-color-disabled: #F7F8FA;
|
| 61 | --tag-fill-bg-color-disabled: #F7F8FA;
|
| 62 | --tag-fill-tail-color-disabled: #CCCCCC;
|
| 63 | --tag-bordered-text-color: #666666;
|
| 64 | --tag-bordered-tail-color: #666666;
|
| 65 | --tag-secondary-text-color: #5584FF;
|
| 66 | --tag-normal-text-color-hover: #5584FF;
|
| 67 | --tag-fill-text-color-hover: #333333;
|
| 68 | --tag-fill-tail-color-hover: #333333;
|
| 69 | --tag-bordered-text-color-hover: #333333;
|
| 70 | --tag-bordered-tail-color-hover: #333333;
|
| 71 | --tag-bordered-tail-color-disabled: #CCCCCC;
|
| 72 | --tag-bordered-text-color-disabled: #CCCCCC;
|
| 73 | --tag-bordered-border-color-disabled: #E6E7EB;
|
| 74 | --tag-bordered-bg-disabled: #F7F8FA;
|
| 75 | --tag-secondary-text-color-hover: #3E71F7;
|
| 76 | --tag-bordered-border-color: #C4C6CF;
|
| 77 | --tag-secondary-border-color: #5584FF;
|
| 78 | --tag-checkable-normal-bg-selected: #5584FF;
|
| 79 | --tag-checkable-secondary-bg-selected: #5584FF;
|
| 80 | --tag-bordered-border-color-hover: #A0A2AD;
|
| 81 | --tag-secondary-border-color-hover: #3E71F7;
|
| 82 | --tag-checkable-normal-bg-selected-hover: #3E71F7;
|
| 83 | --tag-checkable-secondary-bg-selected-hover: #3E71F7;
|
| 84 | --tag-fill-bg-color: #EBECF0;
|
| 85 | --tag-primary-background-color: #5584FF;
|
| 86 | --tag-bordered-bg: transparent;
|
| 87 | --tag-secondary-bg: transparent;
|
| 88 | --tag-fill-bg-color-hover: #E2E4E8;
|
| 89 | --tag-bordered-bg-hover: transparent;
|
| 90 | --tag-secondary-bg-hover: transparent;
|
| 91 | --tag-text-color-disabled: #CCCCCC;
|
| 92 | --tag-border-color-disabled: #E6E7EB;
|
| 93 | --tag-checkable-fill-text-color: #666666;
|
| 94 | --tag-checkable-fill-bg-color: #EBECF0;
|
| 95 | --tag-checkable-fill-border-color: #EBECF0;
|
| 96 | --tag-checkable-fill-text-color-hover: #333333;
|
| 97 | --tag-checkable-fill-bg-color-hover: #E2E4E8;
|
| 98 | --tag-checkable-fill-border-color-hover: #E2E4E8;
|
| 99 | --tag-checkable-fill-tail-color: #666666;
|
| 100 | --tag-checkable-fill-tail-color-hover: #333333;
|
| 101 | --tag-checkable-fill-tail-color-disabled: #CCCCCC;
|
| 102 | --tag-checkable-fill-text-color-disabled: #CCCCCC;
|
| 103 | --tag-checkable-fill-border-color-disabled: #F7F8FA;
|
| 104 | --tag-checkable-fill-bg-color-disabled: #F7F8FA;
|
| 105 | --tag-checkable-normal-text-color: #666666;
|
| 106 | --tag-checkable-normal-border-color: #C4C6CF;
|
| 107 | --tag-checkable-normal-bg: transparent;
|
| 108 | --tag-checkable-normal-text-color-hover: #333333;
|
| 109 | --tag-checkable-normal-border-color-hover: #C4C6CF;
|
| 110 | --tag-checkable-normal-bg-hover: transparent;
|
| 111 | --tag-checkable-normal-text-selected-disabled: #CCCCCC;
|
| 112 | --tag-checkable-normal-border-selected-disabled: #E6E7EB;
|
| 113 | --tag-checkable-normal-bg-selected-disabled: #F7F8FA;
|
| 114 | --tag-checkable-normal-tick-bg-selected-disabled: #E6E7EB;
|
| 115 | --tag-checkable-primary-text-color: #FFFFFF;
|
| 116 | --tag-checkable-primary-bg-color: #5584FF;
|
| 117 | --tag-checkable-primary-border-color: #5584FF;
|
| 118 | --tag-checkable-primary-text-color-disabled: #CCCCCC;
|
| 119 | --tag-checkable-primary-text-color-hover: #FFFFFF;
|
| 120 | --tag-checkable-primary-bg-color-hover: #3E71F7;
|
| 121 | --tag-checkable-primary-border-color-hover: #3E71F7;
|
| 122 | --tag-checkable-primary-border-color-disabled: #F7F8FA;
|
| 123 | --tag-checkable-primary-bg-color-disabled: #F7F8FA;
|
| 124 | --tag-checkable-primary-tail-color: #FFFFFF;
|
| 125 | --tag-checkable-primary-tail-color-hover: #FFFFFF;
|
| 126 | --tag-checkable-secondary-bg-selected-disabled: #E6E7EB;
|
| 127 | --tag-checkable-normal-icon-color-selected: #FFFFFF;
|
| 128 | --tag-checkable-normal-icon-color-selected-hover: #FFFFFF;
|
| 129 | --tag-checkable-normal-icon-color-selected-disabled: #FFFFFF;
|
| 130 | --tag-checkable-secondary-icon-color-selected: #FFFFFF;
|
| 131 | --tag-checkable-secondary-icon-color-selected-hover: #FFFFFF;
|
| 132 | --tag-checkable-secondary-icon-color-selected-disabled: #FFFFFF;
|
| 133 | --tag-closable-primary-fill-text-color: #666666;
|
| 134 | --tag-closable-primary-fill-border-color: #EBECF0;
|
| 135 | --tag-closable-primary-fill-bg-color: #EBECF0;
|
| 136 | --tag-closable-primary-fill-text-color-hover: #333333;
|
| 137 | --tag-closable-primary-fill-border-color-hover: #E2E4E8;
|
| 138 | --tag-closable-primary-fill-bg-color-hover: #E2E4E8;
|
| 139 | --tag-closable-primary-fill-text-color-disabled: #CCCCCC;
|
| 140 | --tag-closable-primary-fill-border-color-disabled: #F7F8FA;
|
| 141 | --tag-closable-primary-fill-bg-color-disabled: #F7F8FA;
|
| 142 | --tag-color-preset-blue: #4494F9;
|
| 143 | --tag-color-preset-green: #46BC15;
|
| 144 | --tag-color-preset-orange: #FF9300;
|
| 145 | --tag-color-preset-red: #FF3000;
|
| 146 | --tag-color-preset-turquoise: #01C1B2;
|
| 147 | --tag-color-preset-yellow: #FCCC12;
|
| 148 | }
|