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 {
color: $white;
.ui.safing-primary {
background-color: $primary;
&.button {
color: $white;
&:hover {
background-color: darken($primary, 5%);
}
}
}
.ui.button.safing-active:hover {
background-color: $anchor_hover;
color: $white;
}
.ui.button.safing-secondary{
.ui.button.safing-secondary {
color: $secondary;
&:hover {
color: $secondary;
}
}
.ui.button.safing-secondary:hover{
background-color: $fill_medium;
color: $white;
}
.ui.button.safing-full {
color: $fill_lighter;
color: $secondary;
background-color: $white;
}
.ui.button.safing-full:hover {
background-color: $fill_lighter;
color: $white;
&:hover {
background-color: $secondary;
color: $white;
}
}

View file

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