MOBILE-4470 mod-icon: Add white bg to icons on dark mode to imp contrast
parent
deccc4cbf5
commit
690f29250e
|
@ -1,7 +1,7 @@
|
|||
:host {
|
||||
core-mod-icon {
|
||||
margin: 0;
|
||||
--padding-start: 0px;
|
||||
--margin-vertical: 0px;
|
||||
--margin-end: 12px;
|
||||
--module-icon-size: 24px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
margin-top: var(--margin-vertical);
|
||||
margin-bottom: var(--margin-vertical);
|
||||
@include margin-horizontal(null, var(--margin-end));
|
||||
@include margin-horizontal(0px, var(--margin-end));
|
||||
|
||||
border-radius: var(--icon-radius);
|
||||
@include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
|
||||
|
@ -77,3 +77,10 @@
|
|||
--margin-vertical: 12px;
|
||||
--margin-end: 12px;
|
||||
}
|
||||
|
||||
:host-context(html.dark) {
|
||||
&.version_40:not(.colorize),
|
||||
&.version_current {
|
||||
background-color: var(--white);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue