75 lines
1,016 B
CSS
75 lines
1,016 B
CSS
.widget-menu
|
|
{
|
|
margin-left: auto;
|
|
margin-right: 8px;
|
|
width: fit-content;
|
|
}
|
|
|
|
.widget-menu.widget-menu-collapsed > .widget-menu-platform
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.widget-menu-button
|
|
{
|
|
text-transform: initial;
|
|
}
|
|
|
|
.widget-menu-entry
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.widget-menu-platform
|
|
{
|
|
background-color: hsl(var(--hue), 0%, 25%);
|
|
|
|
border-radius: 2px;
|
|
border: 1px solid hsl(var(--hue), 0%, 0%);
|
|
|
|
padding: 8px;
|
|
|
|
min-width: 200px;
|
|
}
|
|
|
|
.widget-menu-platform:not(.widget-menu-platform-collapsed)
|
|
{
|
|
position: fixed;
|
|
top: 50px;
|
|
right: 20px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.widget-menu-entries
|
|
{
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.widget-menu-entry
|
|
{
|
|
margin: 8px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.widget-menu-entry:not(:hover)
|
|
{
|
|
background-color: hsl(var(--hue), 0%, 25%);
|
|
color: hsl(var(--hue), 0%, 100%);
|
|
}
|
|
|
|
.widget-menu-entry:hover::before
|
|
{
|
|
content: "» ";
|
|
/*
|
|
background-color: hsl(var(--hue), 0%, 50%);
|
|
color: hsl(var(--hue), 0%, 100%);
|
|
*/
|
|
}
|
|
|
|
.widget-menu-entry.widget-menu-entry-hidden
|
|
{
|
|
display: none;
|
|
}
|