mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-02-08 05:23:01 +08:00
Updated outline button styles for svg icons
This commit is contained in:
parent
c6844324d0
commit
380e2ff668
|
@ -65,6 +65,7 @@ $button-border-radius: 2px;
|
||||||
.button.outline {
|
.button.outline {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #888;
|
color: #888;
|
||||||
|
fill: #888;
|
||||||
border: 1px solid #DDD;
|
border: 1px solid #DDD;
|
||||||
&:hover, &:focus, &:active {
|
&:hover, &:focus, &:active {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
@ -73,25 +74,31 @@ $button-border-radius: 2px;
|
||||||
&.page {
|
&.page {
|
||||||
border-color: $color-page;
|
border-color: $color-page;
|
||||||
color: $color-page;
|
color: $color-page;
|
||||||
|
fill: $color-page;
|
||||||
&:hover, &:focus, &:active {
|
&:hover, &:focus, &:active {
|
||||||
background-color: $color-page;
|
background-color: $color-page;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
|
fill: #FFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.chapter {
|
&.chapter {
|
||||||
border-color: $color-chapter;
|
border-color: $color-chapter;
|
||||||
color: $color-chapter;
|
color: $color-chapter;
|
||||||
|
fill: $color-chapter;
|
||||||
&:hover, &:focus, &:active {
|
&:hover, &:focus, &:active {
|
||||||
background-color: $color-chapter;
|
background-color: $color-chapter;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
|
fill: #FFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.book {
|
&.book {
|
||||||
border-color: $color-book;
|
border-color: $color-book;
|
||||||
color: $color-book;
|
color: $color-book;
|
||||||
|
fill: $color-book;
|
||||||
&:hover, &:focus, &:active {
|
&:hover, &:focus, &:active {
|
||||||
background-color: $color-book;
|
background-color: $color-book;
|
||||||
color: #FFF;
|
color: #FFF;
|
||||||
|
fill: #FFF;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user