Skip to content

Commit 4c46c68

Browse files
committed
improve calculation of border color, reducing impact
1 parent a44ef4b commit 4c46c68

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

src/components/Tag/tag.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ $tag-round-adjustment: 0 !default;
151151
var(--eccgui-tag-bg) var(--eccgui-tag-emfactor),
152152
eccgui-color-var("identity", "background", "100")
153153
);
154-
border-color: var(--eccgui-tag-border);
154+
border-color: eccgui-color-rgba(var(--eccgui-tag-border), calc(0.25 * var(--eccgui-tag-emfactor)));
155155

156156
&.#{$eccgui}-tag--strongeremphasis {
157157
--eccgui-tag-emfactor: 95%;
@@ -211,7 +211,7 @@ $tag-round-adjustment: 0 !default;
211211
var(--eccgui-tag-bg) var(--eccgui-tag-emfactor),
212212
eccgui-color-var("identity", "background", "100")
213213
);
214-
border-color: var(--eccgui-tag-border);
214+
border-color: eccgui-color-rgba(var(--eccgui-tag-border), calc(0.25 * var(--eccgui-tag-emfactor)));
215215

216216
&.#{$eccgui}-tag--strongeremphasis {
217217
--eccgui-tag-emfactor: 100%;
@@ -231,7 +231,7 @@ $tag-round-adjustment: 0 !default;
231231

232232
&[class*="#{$eccgui}-intent--"] {
233233
color: eccgui-color-rgba(var(--eccgui-tag-text), var(--eccgui-tag-emfactor));
234-
border-color: eccgui-color-rgba(var(--eccgui-tag-border), var(--eccgui-tag-emfactor));
234+
border-color: eccgui-color-rgba(var(--eccgui-tag-border), calc(0.25 * var(--eccgui-tag-emfactor)));
235235
}
236236

237237
&.#{$eccgui}-intent--primary {

0 commit comments

Comments
 (0)