src/_badge.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

@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)};
        }
    }
}