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 | } |
