diff options
| author |  Stefan Malzner <stefan@adlk.io> | 2018-11-22 14:14:25 +0100 |
|---|---|---|
| committer | Stefan Malzner <stefan@adlk.io> | 2018-11-22 14:14:25 +0100 |
| commit | 46b8c8c4b3a5b80e0187b284abc84566a7e784db (patch) | |
| tree | 7fd378bcdd18e78c42dfeb61a15f89fd10106046 /src/styles/badge.scss | |
| parent | ADD features loading spinner (diff) | |
| parent | feat(App): Add option to enable dark mode for supported services (diff) | |
| download | ferdium-app-46b8c8c4b3a5b80e0187b284abc84566a7e784db.tar.gz ferdium-app-46b8c8c4b3a5b80e0187b284abc84566a7e784db.tar.zst ferdium-app-46b8c8c4b3a5b80e0187b284abc84566a7e784db.zip | |
Merge branch 'develop' into feature/features-api
Diffstat (limited to 'src/styles/badge.scss')
| -rw-r--r-- | src/styles/badge.scss | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/styles/badge.scss b/src/styles/badge.scss index 18a653118..f9fac039a 100644 --- a/src/styles/badge.scss +++ b/src/styles/badge.scss | |||
| @@ -1,11 +1,24 @@ | |||
| 1 | @import './config.scss'; | 1 | @import './config.scss'; |
| 2 | 2 | ||
| 3 | .theme__dark .badge { | ||
| 4 | background: $dark-theme-gray; | ||
| 5 | border-radius: $theme-border-radius-small; | ||
| 6 | color: $dark-theme-gray-lightest; | ||
| 7 | |||
| 8 | &.badge--primary, | ||
| 9 | &.badge--premium { | ||
| 10 | background: $theme-brand-primary; | ||
| 11 | color: $dark-theme-gray-smoke; | ||
| 12 | } | ||
| 13 | } | ||
| 14 | |||
| 15 | |||
| 3 | .badge { | 16 | .badge { |
| 4 | font-size: 14px; | 17 | background: $theme-gray-lighter; |
| 18 | border-radius: $theme-border-radius; | ||
| 5 | display: inline-block; | 19 | display: inline-block; |
| 20 | font-size: 14px; | ||
| 6 | padding: 5px 10px; | 21 | padding: 5px 10px; |
| 7 | border-radius: $theme-border-radius; | ||
| 8 | background: $theme-gray-lighter; | ||
| 9 | 22 | ||
| 10 | &.badge--primary, | 23 | &.badge--primary, |
| 11 | &.badge--premium { | 24 | &.badge--premium { |