Files
moodist/src/components/menu/item/item.module.css
2024-01-03 20:01:58 +03:30

29 lines
576 B
CSS

.item {
display: flex;
column-gap: 8px;
align-items: center;
justify-content: flex-start;
width: 100%;
padding: 16px 12px;
font-size: var(--font-sm);
font-weight: 500;
line-height: 1;
color: var(--color-foreground-subtle);
text-align: left;
cursor: pointer;
background-color: transparent;
border: 1px solid var(--color-neutral-200);
border-radius: 4px;
outline: none;
transition: 0.2s;
&:hover {
color: var(--color-foreground);
background-color: var(--color-neutral-200);
}
& .icon {
color: var(--color-foreground);
}
}