$anchor-svg-margin: 0.25rem;
@use "../../core/mixins/anchor";

.anchor {
    @include anchor.anchor;

    &.anchor--block {
        display: inline-flex;

        & > svg,
        & > .icon-stack {
            flex-shrink: 0;
            margin: calc((var(--f-line-height-large) * 1rem - var(--f-icon-size-small)) / 2) $anchor-svg-margin 0;
        }
    }

    &.anchor--discrete {
        @include anchor.anchor-discrete-colors;
    }
}