Fix button styling

This commit is contained in:
davegson 2018-09-19 15:02:35 +02:00
parent f71da5c3af
commit 23b597208e
2 changed files with 25 additions and 18 deletions

View file

@ -1,28 +1,30 @@
.ui.button.safing-active { .ui.safing-primary {
color: $white;
background-color: $primary; background-color: $primary;
&.button {
color: $white;
&:hover {
background-color: darken($primary, 5%);
}
}
} }
.ui.button.safing-active:hover { .ui.button.safing-secondary {
background-color: $anchor_hover;
color: $white;
}
.ui.button.safing-secondary{
color: $secondary; color: $secondary;
&:hover {
color: $secondary;
}
} }
.ui.button.safing-secondary:hover{
background-color: $fill_medium;
color: $white;
}
.ui.button.safing-full { .ui.button.safing-full {
color: $fill_lighter; color: $secondary;
background-color: $white; background-color: $white;
}
.ui.button.safing-full:hover { &:hover {
background-color: $fill_lighter; background-color: $secondary;
color: $white; color: $white;
}
} }

View file

@ -5,13 +5,18 @@ body, .ui.header, h1, h2, h3, h4, h5, h6, p {
a { a {
color: $anchor; color: $anchor;
} }
a:hover {
p a:hover {
color: $anchor_hover; color: $anchor_hover;
text-decoration: underline; text-decoration: underline;
} }
.color-primary { .color-primary {
color: $primary; color: $primary;
&:hover {
color: darken($primary, 10%)
}
} }
.color-primary-important { .color-primary-important {