public-ui-kolibri

@use '../../mixins/to-rem' as *; @use '../mixins/button' as *; @layer kol-theme-component { @include kol-button('kol-button'); @include kol-button('kol-link'); .kol-toolbar { background-color: var(--color-white); box-shadow: 0 to-rem(2) to-rem(4) rgb(9 49 142 / 8%), 0 0 to-rem(10) rgb(9 49 142 / 4%), 0 to-rem(4) to-rem(5) rgb(9 49 142 / 4%), 0 to-rem(-4) to-rem(4) rgb(9 49 142 / 4%); border-radius: 8px; padding: var(--spacing-s); } .kol-link { --text-background-color: #fc0; --text-color: #171a22; --text-focus-outline-color: #000; --text-border-color: #fc0; &:hover { --text-background-color: #fc0; } } }