mirror of
https://github.com/penpot/penpot.git
synced 2025-04-16 00:41:25 -05:00
🎉 Add styles to workspace menu.
This commit is contained in:
parent
aebea8ed5f
commit
c846521c92
2 changed files with 10 additions and 14 deletions
|
@ -30,6 +30,6 @@
|
|||
|
||||
&:hover {
|
||||
color: $color-black;
|
||||
background: $color-gray-lightest;
|
||||
background: $color-primary-lighter;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -23,32 +23,28 @@
|
|||
z-index: 12;
|
||||
@include animation(0,.2s,fadeInDown);
|
||||
|
||||
background-color: $color-gray-60;
|
||||
background-color: $color-white;
|
||||
border-radius: $br-small;
|
||||
padding: 0 $small;
|
||||
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
|
||||
|
||||
li {
|
||||
font-size: $fs13;
|
||||
padding: $small 0;
|
||||
cursor: pointer;
|
||||
font-size: $fs12;
|
||||
padding: $small $x-small;
|
||||
|
||||
svg {
|
||||
fill: $color-gray-20;
|
||||
fill: $color-gray-60;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
span {
|
||||
color: $color-white;
|
||||
color: $color-gray-60;
|
||||
margin: 0 $x-small;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
span {
|
||||
color: $color-primary;
|
||||
}
|
||||
svg {
|
||||
fill: $color-primary;
|
||||
}
|
||||
|
||||
background-color: $color-primary-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue