Updated outline button styles for svg icons

This commit is contained in:
Dan Brown 2018-03-18 15:35:04 +00:00
parent c6844324d0
commit 380e2ff668
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9

View File

@ -65,6 +65,7 @@ $button-border-radius: 2px;
.button.outline {
background-color: transparent;
color: #888;
fill: #888;
border: 1px solid #DDD;
&:hover, &:focus, &:active {
box-shadow: none;
@ -73,25 +74,31 @@ $button-border-radius: 2px;
&.page {
border-color: $color-page;
color: $color-page;
fill: $color-page;
&:hover, &:focus, &:active {
background-color: $color-page;
color: #FFF;
fill: #FFF;
}
}
&.chapter {
border-color: $color-chapter;
color: $color-chapter;
fill: $color-chapter;
&:hover, &:focus, &:active {
background-color: $color-chapter;
color: #FFF;
fill: #FFF;
}
}
&.book {
border-color: $color-book;
color: $color-book;
fill: $color-book;
&:hover, &:focus, &:active {
background-color: $color-book;
color: #FFF;
fill: #FFF;
}
}
}