diff options
Diffstat (limited to 'src/_badge.scss')
-rw-r--r-- | src/_badge.scss | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/src/_badge.scss b/src/_badge.scss index b13dbc9..f18a9fb 100644 --- a/src/_badge.scss +++ b/src/_badge.scss | |||
@@ -1,15 +1,22 @@ | |||
1 | @use 'iro-sass/src/props'; | 1 | @use 'iro-sass/src/props'; |
2 | 2 | ||
3 | @use 'common'; | 3 | @use 'common'; |
4 | @use 'core'; | ||
4 | 5 | ||
5 | @mixin styles { | 6 | @mixin styles { |
6 | .badge, a.badge { | 7 | .badge, a.badge { |
7 | padding-inline: 8px; | 8 | padding-inline: 8px; |
8 | border-radius: 10em; | 9 | border-radius: 10em; |
9 | } | 10 | vertical-align: baseline; |
10 | 11 | ||
11 | .badge.badgeUpdate, a.badge.badgeUpdate { | 12 | &.badgeUpdate { |
12 | --background-color: #{props.get(common.$vlpnLink)}; | 13 | --background-color: #{props.get(common.$vlpnLink)}; |
13 | --color: #{props.get(common.$vlpnLinkFg)}; | 14 | --color: #{props.get(common.$vlpnLinkFg)}; |
15 | } | ||
16 | |||
17 | &.yellow { | ||
18 | --background-color: #{props.get(core.$theme, --yellow, --800)}; | ||
19 | --color: #{props.get(core.$theme, --yellow, --800-text)}; | ||
20 | } | ||
14 | } | 21 | } |
15 | } | 22 | } |