mirror of
https://github.com/penpot/penpot.git
synced 2025-05-18 20:16:10 +02: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 {
|
&:hover {
|
||||||
color: $color-black;
|
color: $color-black;
|
||||||
background: $color-gray-lightest;
|
background: $color-primary-lighter;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,32 +23,28 @@
|
||||||
z-index: 12;
|
z-index: 12;
|
||||||
@include animation(0,.2s,fadeInDown);
|
@include animation(0,.2s,fadeInDown);
|
||||||
|
|
||||||
background-color: $color-gray-60;
|
background-color: $color-white;
|
||||||
border-radius: $br-small;
|
border-radius: $br-small;
|
||||||
padding: 0 $small;
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
|
||||||
|
|
||||||
li {
|
li {
|
||||||
font-size: $fs13;
|
cursor: pointer;
|
||||||
padding: $small 0;
|
font-size: $fs12;
|
||||||
|
padding: $small $x-small;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: $color-gray-20;
|
fill: $color-gray-60;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: $color-white;
|
color: $color-gray-60;
|
||||||
|
margin: 0 $x-small;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
span {
|
background-color: $color-primary-lighter;
|
||||||
color: $color-primary;
|
|
||||||
}
|
|
||||||
svg {
|
|
||||||
fill: $color-primary;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue