diff options
author | 2019-04-10 16:12:38 +0200 | |
---|---|---|
committer | 2019-04-10 16:12:38 +0200 | |
commit | 073212bf046b9218f9e3129988b1b63fba5d685d (patch) | |
tree | b6c4c2db33f3a111a82e7801073bb5b697f9a56c /src/styles | |
parent | improve contrast of workspace switching indicator (diff) | |
download | ferdium-app-073212bf046b9218f9e3129988b1b63fba5d685d.tar.gz ferdium-app-073212bf046b9218f9e3129988b1b63fba5d685d.tar.zst ferdium-app-073212bf046b9218f9e3129988b1b63fba5d685d.zip |
added generic pro badge component for settings nav
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/settings.scss | 26 |
1 files changed, 0 insertions, 26 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 6340f2951..dd6f56d2b 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -85,11 +85,6 @@ | |||
85 | .badge { | 85 | .badge { |
86 | background: $dark-theme-gray-lighter; | 86 | background: $dark-theme-gray-lighter; |
87 | color: $dark-theme-gray-smoke; | 87 | color: $dark-theme-gray-smoke; |
88 | |||
89 | &.badge--pro { | ||
90 | background: $theme-brand-primary; | ||
91 | padding: 4px 6px 3px 7px; | ||
92 | } | ||
93 | } | 88 | } |
94 | 89 | ||
95 | &:hover { | 90 | &:hover { |
@@ -98,11 +93,6 @@ | |||
98 | .badge { | 93 | .badge { |
99 | background: $dark-theme-gray-lighter; | 94 | background: $dark-theme-gray-lighter; |
100 | color: $dark-theme-gray-smoke; | 95 | color: $dark-theme-gray-smoke; |
101 | |||
102 | &.badge--pro { | ||
103 | background: $theme-brand-primary; | ||
104 | padding: 4px 6px 3px 7px; | ||
105 | } | ||
106 | } | 96 | } |
107 | } | 97 | } |
108 | 98 | ||
@@ -433,15 +423,6 @@ | |||
433 | text-decoration: none; | 423 | text-decoration: none; |
434 | transition: background $theme-transition-time, color $theme-transition-time; | 424 | transition: background $theme-transition-time, color $theme-transition-time; |
435 | 425 | ||
436 | .badge--pro { | ||
437 | background: $theme-brand-primary !important; | ||
438 | padding: 4px 6px 3px 7px; | ||
439 | |||
440 | .badge-icon-pro { | ||
441 | fill: white; | ||
442 | } | ||
443 | } | ||
444 | |||
445 | &:hover { | 426 | &:hover { |
446 | background: darken($theme-gray-lightest, 5%); | 427 | background: darken($theme-gray-lightest, 5%); |
447 | 428 | ||
@@ -454,13 +435,6 @@ | |||
454 | background: $theme-brand-primary; | 435 | background: $theme-brand-primary; |
455 | color: #FFF; | 436 | color: #FFF; |
456 | 437 | ||
457 | .badge--pro { | ||
458 | background: white !important; | ||
459 | .badge-icon-pro { | ||
460 | fill: $theme-brand-primary; | ||
461 | } | ||
462 | } | ||
463 | |||
464 | .badge { | 438 | .badge { |
465 | background: #FFF; | 439 | background: #FFF; |
466 | color: $theme-brand-primary; | 440 | color: $theme-brand-primary; |