@use 'iro-sass/src/props';

@use 'common';
@use 'core';

@mixin styles {
    .badge, a.badge {
        padding-inline: 8px;
        border-radius: 10em;
        vertical-align: baseline;

        &.badgeUpdate {
            --background-color: #{props.get(common.$vlpnLink)};
            --color: #{props.get(common.$vlpnLinkFg)};
        }
    
        &.yellow {
            --background-color: #{props.get(core.$theme, --yellow, --800)};
            --color: #{props.get(core.$theme, --yellow, --800-text)};
        }
    }
}