x/bansho
Code Issues Proposed changes

Create a class for button with hover effect.

Browse Source
This commit is contained in:
Hugo Soucy 2015-03-20 20:57:14 -04:00
parent 84390b410c
commit 59f0aba8b7
1 changed files with 19 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
app/components/topbar/_topbar.scss
View File

@ -83,22 +83,26 @@
&:before {margin:0;}
}
&.topbar__button--hover {
transition-duration: 0.5s;
transition-property: color, background-color;
&[aria-expanded="true"],
&:hover {
.color-scheme--dark & {
background:$_color_dark_alpha;
}
.color-scheme--light & {
background:$_color_light_alpha;
}
}
}
}
.topbar__toggle-sidebar {
/* .topbar__button { */
/* &:hover { */
/* .color-scheme--dark & { */
/* background:$_color_dark_alpha; */
/* } */
/* .color-scheme--light & { */
/* background:$_color_light_alpha; */
/* } */
/* } */
/* } */
.ico-menu {
&:after {
@ -124,20 +128,9 @@
}
.topbar__notifications {
.topbar__button {
&[aria-expanded="true"],
&:hover {
.color-scheme--dark & {
background:$_color_dark_alpha;
}
.color-scheme--light & {
background:$_color_light_alpha;
}
}
}
.ico-bell-alt {
&:after {
background:$_color_error;
border-radius:100%;
@ -176,19 +169,7 @@
}
}
.topbar__settings {
.topbar__button {
&[aria-expanded="true"],
&:hover {
.color-scheme--dark & {
background:$_color_dark_alpha;
}
.color-scheme--light & {
background:$_color_light_alpha;
}
}
}
.topbar__settings {
.ico-sliders:before {
@include vendor(transform, rotate(90deg));