Fixup any psuedo elements that don't need currentColor

This commit is contained in:
John Cowen 2022-04-11 10:05:02 +01:00
parent e4d8c3b1d0
commit 42a0f204ac
7 changed files with 11 additions and 2 deletions

View File

@ -8,6 +8,7 @@
}
%crumbs::before {
text-decoration: none;
background-color: var(--transparent);
}
%breadcrumb-milestone::before {
@extend %with-chevron-left-mask, %as-pseudo;

View File

@ -14,4 +14,5 @@
content: var(--csv-list-separator);
vertical-align: initial;
margin-right: 0.3em;
background-color: var(--transparent);
}

View File

@ -23,7 +23,7 @@
%empty-state[class*='status-'] header::before {
@extend %as-pseudo;
}
%empty-state header::before {
%empty-state[class*='status-'] header::before {
@extend %with-alert-circle-outline-mask;
}
%empty-state.status-404 header::before {

View File

@ -47,6 +47,7 @@
display: block;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
background-color: var(--transparent);
}
%main-nav-vertical-popover-menu-trigger {
border: var(--decor-border-100);

View File

@ -17,6 +17,7 @@
display: inline;
visibility: visible;
content: '■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■';
background-color: var(--transparent);
}
%secret-button input:checked ~ em::before {
display: none;

View File

@ -6,7 +6,7 @@
@extend %as-pseudo;
width: 12px;
height: 12px;
background: white;
background-color: rgb(var(--tone-gray-000));
border-top: 1px solid rgb(var(--tone-gray-300));
border-right: 1px solid rgb(var(--tone-gray-300));
transform: rotate(-45deg);

View File

@ -45,6 +45,7 @@
&::before {
border-color: var(--transparent);
border-style: solid;
background-color: var(--transparent);
}
}
@ -52,23 +53,27 @@
&::before {
border-width: var(--size) var(--size) 0;
border-top-color: initial;
background-color: var(--transparent);
}
}
%tooltip-tail-bottom {
&::before {
border-width: 0 var(--size) var(--size);
border-bottom-color: initial;
background-color: var(--transparent);
}
}
%tooltip-tail-left {
&::before {
border-width: var(--size) 0 var(--size) var(--size);
border-left-color: initial;
background-color: var(--transparent);
}
}
%tooltip-tail-right {
&::before {
border-width: var(--size) var(--size) var(--size) 0;
border-right-color: initial;
background-color: var(--transparent);
}
}