discourse/app/assets/stylesheets/common/base/popup-menu.scss

65 lines
1.1 KiB
SCSS

.popup-menu {
background-color: var(--secondary);
width: 14em;
border: 1px solid var(--primary-low);
z-index: z("dropdown");
box-shadow: shadow("card");
ul {
margin: 0;
list-style: none;
li {
border-bottom: 1px solid rgba(var(--primary-low-rgb), 0.5);
&:last-child {
border: none;
}
}
}
.btn {
justify-content: left;
text-align: left;
background: none;
width: 100%;
padding: 0.75em;
border-radius: 0;
margin: 0;
.d-icon {
color: var(--primary-medium);
align-self: flex-start;
}
&:focus,
&:hover {
color: var(--primary);
background: var(--tertiary-low);
.d-icon {
color: var(--primary-medium);
}
}
&.popup-menu-btn-danger {
.d-icon {
color: var(--danger);
}
.d-button-label {
color: var(--primary);
}
&:focus,
&:hover {
.d-icon,
.d-button-label {
color: var(--danger);
}
background: var(--danger-low);
}
}
}
}