@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
56 lines (53 loc) • 1.54 kB
CSS
/*
* Anchor theme
*
*/
/*
* Anchor theme
*
*/
/*
* Anchor mixins
*
*/
/*
* Utilities
*/
:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
font-size: 1em;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
stroke-width: 1.2;
}
:not(.dnb-anchor--no-style) {
/* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
font-size: 1em;
}
:not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
stroke-width: 1.2;
}
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor {
--anchor-color--default: var(--color-emerald-green);
--anchor-color--active: var(--color-sea-green);
--anchor-icon-color--default: var(--color-emerald-green);
--anchor-icon-color--active: var(--color-sea-green);
--anchor-bg--hover: transparent;
--anchor-bg--active: var(--color-pistachio);
}
:not(.dnb-anchor--no-style) {
/* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
:not(.dnb-anchor--no-style).dnb-anchor {
--anchor-color--default: var(--color-emerald-green);
--anchor-color--active: var(--color-sea-green);
--anchor-icon-color--default: var(--color-emerald-green);
--anchor-icon-color--active: var(--color-sea-green);
--anchor-bg--hover: transparent;
--anchor-bg--active: var(--color-pistachio);
}
}