|
1 | 1 | @import "../../../Styles/functions.scss";
|
2 | 2 |
|
3 | 3 | .bit-tag {
|
| 4 | + line-height: 1; |
4 | 5 | gap: spacing(1);
|
5 | 6 | overflow: hidden;
|
6 | 7 | align-items: center;
|
|
10 | 11 | border-style: $shp-border-style;
|
11 | 12 | border-width: $shp-border-width;
|
12 | 13 | border-radius: $shp-border-radius;
|
13 |
| - font-size: var(--bit-tag-fontsize); |
14 | 14 | padding: var(--bit-tag-padding);
|
| 15 | + font-size: var(--bit-tag-fontsize); |
15 | 16 |
|
16 | 17 | &.bit-dis {
|
17 | 18 | cursor: default;
|
|
21 | 22 | }
|
22 | 23 | }
|
23 | 24 |
|
| 25 | +.bit-tag-rvs { |
| 26 | + flex-direction: row-reverse; |
| 27 | +} |
| 28 | + |
24 | 29 | .bit-tag-cls {
|
25 | 30 | padding: 0;
|
26 | 31 | border: none;
|
|
29 | 34 | cursor: pointer;
|
30 | 35 | box-sizing: border-box;
|
31 | 36 | background-color: transparent;
|
| 37 | + font-size: var(--bit-tag-fontsize); |
32 | 38 | }
|
33 | 39 |
|
34 | 40 |
|
|
105 | 111 | --bit-tag-clr-txt: #{$clr-err-text};
|
106 | 112 | }
|
107 | 113 |
|
| 114 | +.bit-tag-pbg { |
| 115 | + --bit-tag-clr: #{$clr-bg-pri}; |
| 116 | + --bit-tag-clr-txt: #{$clr-fg-pri}; |
| 117 | +} |
| 118 | + |
| 119 | +.bit-tag-sbg { |
| 120 | + --bit-tag-clr: #{$clr-bg-sec}; |
| 121 | + --bit-tag-clr-txt: #{$clr-fg-pri}; |
| 122 | +} |
| 123 | + |
| 124 | +.bit-tag-tbg { |
| 125 | + --bit-tag-clr: #{$clr-bg-ter}; |
| 126 | + --bit-tag-clr-txt: #{$clr-fg-pri}; |
| 127 | +} |
| 128 | + |
| 129 | +.bit-tag-pfg { |
| 130 | + --bit-tag-clr: #{$clr-fg-pri}; |
| 131 | + --bit-tag-clr-txt: #{$clr-bg-pri}; |
| 132 | +} |
| 133 | + |
| 134 | +.bit-tag-sfg { |
| 135 | + --bit-tag-clr: #{$clr-fg-sec}; |
| 136 | + --bit-tag-clr-txt: #{$clr-bg-pri}; |
| 137 | +} |
| 138 | + |
| 139 | +.bit-tag-tfg { |
| 140 | + --bit-tag-clr: #{$clr-fg-ter}; |
| 141 | + --bit-tag-clr-txt: #{$clr-bg-pri}; |
| 142 | +} |
| 143 | + |
| 144 | +.bit-tag-pbr { |
| 145 | + --bit-tag-clr: #{$clr-brd-pri}; |
| 146 | + --bit-tag-clr-txt: #{$clr-fg-pri}; |
| 147 | +} |
| 148 | + |
| 149 | +.bit-tag-sbr { |
| 150 | + --bit-tag-clr: #{$clr-brd-sec}; |
| 151 | + --bit-tag-clr-txt: #{$clr-fg-pri}; |
| 152 | +} |
| 153 | + |
| 154 | +.bit-tag-tbr { |
| 155 | + --bit-tag-clr: #{$clr-brd-ter}; |
| 156 | + --bit-tag-clr-txt: #{$clr-fg-pri}; |
| 157 | +} |
| 158 | + |
| 159 | + |
108 | 160 | .bit-tag-sm {
|
109 | 161 | --bit-tag-fontsize: #{spacing(1.5)};
|
110 |
| - --bit-tag-padding: #{spacing(0.5)} #{spacing(1)}; |
| 162 | + --bit-tag-padding: #{spacing(0.250)}; |
111 | 163 | }
|
112 | 164 |
|
113 | 165 | .bit-tag-md {
|
114 | 166 | --bit-tag-fontsize: #{spacing(1.75)};
|
115 |
| - --bit-tag-padding: #{spacing(0.75)} #{spacing(1.5)}; |
| 167 | + --bit-tag-padding: #{spacing(0.375)}; |
116 | 168 | }
|
117 | 169 |
|
118 | 170 | .bit-tag-lg {
|
119 |
| - --bit-tag-fontsize: #{spacing(2)}; |
120 |
| - --bit-tag-padding: #{spacing(1)} #{spacing(2)}; |
| 171 | + --bit-tag-fontsize: #{spacing(2.25)}; |
| 172 | + --bit-tag-padding: #{spacing(0.500)}; |
121 | 173 | }
|
0 commit comments