@cartamd/plugin-slash
Version:
This plugin adds support for **Slash** commands. Install it using:
54 lines (46 loc) • 961 B
CSS
.carta-slash {
--background: #fafafa;
--group-color: #3b3b3b;
--title-color: #232323;
--description-color: #313030;
--hover-background: #f1f1f1;
width: 18rem;
max-height: 14rem;
overflow-y: scroll;
border-radius: 4px;
font-family: inherit;
background-color: var(--background);
padding: 6px;
scroll-padding: 6px;
}
.carta-slash span {
width: fit-content;
}
.carta-slash button {
background: none;
width: 100%;
padding: 10px;
border: 0;
border-radius: 4px;
}
.carta-slash .carta-slash-group {
padding: 0 4px 0 4px;
margin-bottom: 4px;
font-size: 0.8rem;
color: var(--group-color);
}
.carta-slash button.carta-active,
.carta-slash button:hover {
background: var(--hover-background);
cursor: pointer;
}
.carta-slash .carta-snippet-title {
font-size: 0.85rem;
font-weight: 600;
color: var(--title-color);
}
.carta-slash .carta-snippet-description {
font-size: 0.8rem;
text-overflow: ellipsis;
color: var(--description-color);
}