Apply border to primary button if on log in page (and not in a dark container) or if in header, fix #12294

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
pull/12558/head
Jan-Christoph Borchardt 2018-11-20 17:01:51 +07:00
parent 1bf742c462
commit 325396330c
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
1 changed files with 11 additions and 3 deletions

@ -85,14 +85,22 @@ div[contenteditable=true],
/* Primary action button, use sparingly */
&.primary {
background-color: var(--color-primary-element);
border: 1px solid var(--color-primary-text);
border-color: var(--color-primary-element);
color: var(--color-primary-text);
cursor: pointer;
/* Apply border to primary button if on log in page (and not in a dark container) or if in header */
#body-login :not(body-login-container) &,
#header & {
border-color: var(--color-primary-text);
}
&:not(:disabled) {
&:hover,
&:focus,
&:active {
background-color: var(--color-primary-element-light)
&:active {
background-color: var(--color-primary-element-light);
border-color: var(--color-primary-element-light);
}
&:active {
color: var(--color-primary-text-dark);