dan/dribbblish-dynamic-theme
1
0
Fork 0
mirror of https://github.com/danbulant/dribbblish-dynamic-theme synced 2026-07-09 05:01:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add hover & active state to config area headers

Browse source
This commit is contained in:
Send_Nukez 2021-11-25 09:59:36 +01:00
parent 4328a81a1c
commit 89742ae74a
1 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/styles/ConfigMenu.scss
View file

@ -60,8 +60,18 @@
min-height: 38px; //for some reason height alone isn't enough min-height: 38px; //for some reason height alone isn't enough
height: 38px; height: 38px;
.dribbblish-config-area-header svg { .dribbblish-config-area-header {
transform: rotate(270deg); svg {
transform: rotate(270deg);
}
&:hover svg {
transform: rotate(270deg) scale(1.1);
}
&:active svg {
transform: rotate(270deg) scale(0.9);
}
} }
} }
@ -86,6 +96,14 @@
stroke-width: 2px; stroke-width: 2px;
transform: rotate(90deg); transform: rotate(90deg);
} }
&:hover svg {
transform: rotate(90deg) scale(1.1);
}
&:active svg {
transform: rotate(90deg) scale(0.9);
}
} }
.dribbblish-config-area-items { .dribbblish-config-area-items {