diff options
| author | cristiano <[email protected]> | 2020-09-16 12:41:22 +0100 |
|---|---|---|
| committer | cristiano <[email protected]> | 2020-09-16 12:41:22 +0100 |
| commit | 562c6bbdb53b6278d235fb3ecac837fc0cdb7153 (patch) | |
| tree | 4575ac0fddfb6035d8cef255886ffaca8a20ebf7 | |
| parent | f4033b0003a366c8ccce321f14cdfcf22b1d6cd3 (diff) | |
| download | protonmail-themes-562c6bbdb53b6278d235fb3ecac837fc0cdb7153.tar.xz protonmail-themes-562c6bbdb53b6278d235fb3ecac837fc0cdb7153.zip | |
Further fixes to buttons.
| -rw-r--r-- | templates/@theme-base/_styles.scss | 21 |
1 files changed, 21 insertions, 0 deletions
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss index 7dc21c2..3881fa2 100644 --- a/templates/@theme-base/_styles.scss +++ b/templates/@theme-base/_styles.scss @@ -47,6 +47,27 @@ $boxshadow-main: none; color: lighten($highlight, 5%); } +.pm-button--primaryborder, .pm-button-blueborder { + border-color: darken($highlight, 5%); + color: darken($highlight, 5%); +} + +.is-hover.pm-button--primaryborder, .pm-button--primaryborder:focus, .pm-button--primaryborder:focus-within, .pm-button--primaryborder:hover, .pm-button-blueborder.is-hover, .pm-button-blueborder:focus, .pm-button-blueborder:focus-within, .pm-button-blueborder:hover { + border-color: darken($highlight, 5%); + color: darken($highlight, 5%); +} + +// Disabled button +.is-disabled.pm-button--error, .is-disabled.pm-button--error.pm-button--info, .is-disabled.pm-button--error.pm-button--redborder, .is-disabled.pm-button--primary, .is-disabled.pm-button--primary.pm-button--info, .is-disabled.pm-button--primary.pm-button--redborder, .is-disabled.pm-button--warning, .is-disabled.pm-button--warning.pm-button--info, .is-disabled.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info[disabled], .pm-button--error.pm-button--redborder[disabled], .pm-button--error[disabled], .pm-button--primary.pm-button--info[disabled], .pm-button--primary.pm-button--redborder[disabled], .pm-button--primary[disabled], .pm-button--warning.pm-button--info[disabled], .pm-button--warning.pm-button--redborder[disabled], .pm-button--warning[disabled], .pm-button-blue.is-disabled, .pm-button-blue.is-disabled.pm-button--info, .pm-button-blue.is-disabled.pm-button--redborder, .pm-button-blue.pm-button--info[disabled], .pm-button-blue.pm-button--redborder[disabled], .pm-button-blue[disabled], .pm-button.is-disabled.pm-button--error, .pm-button.is-disabled.pm-button--primary, .pm-button.is-disabled.pm-button--warning, .pm-button.pm-button--error[disabled], .pm-button.pm-button--primary[disabled], .pm-button.pm-button--warning[disabled], .pm-button.pm-button-blue.is-disabled, .pm-button.pm-button-blue[disabled] { + background-color: lighten($highlight, 40%); + border-color: lighten($highlight, 5%); + color: darken($highlight, 10%); +} + +.color-primary { + color: $highlight; +} + // Aside links (other products) .aside-link { background: $secondary-bg-color; |