74 lines
1.6 KiB
CSS
74 lines
1.6 KiB
CSS
.hoarder-wide-input {
|
|
width: var(--size-4-100);
|
|
}
|
|
|
|
.hoarder-medium-input {
|
|
width: var(--size-4-75);
|
|
}
|
|
|
|
.hoarder-small-input {
|
|
width: var(--size-4-50);
|
|
}
|
|
|
|
.hoarder-suggestion-dropdown {
|
|
background: var(--background-primary);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: var(--size-4-1);
|
|
box-shadow: 0 var(--size-2-1) var(--size-4-2) rgba(0, 0, 0, 0.1);
|
|
max-height: var(--size-4-50);
|
|
overflow-y: auto;
|
|
width: var(--size-4-50);
|
|
position: absolute;
|
|
z-index: 1000;
|
|
display: block;
|
|
opacity: 1;
|
|
transition: opacity 150ms ease-in-out;
|
|
}
|
|
|
|
.hoarder-suggestion-dropdown-hidden {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
.hoarder-suggestion-item {
|
|
padding: var(--size-4-2) var(--size-4-3);
|
|
cursor: var(--cursor);
|
|
transition: background-color 100ms ease-in-out;
|
|
}
|
|
|
|
.hoarder-suggestion-item:hover {
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.setting-item-description {
|
|
margin-bottom: var(--size-4-4);
|
|
}
|
|
|
|
/* Karakeep Highlight Callouts */
|
|
.callout[data-callout="karakeep-yellow"] {
|
|
--callout-color: 254, 240, 138;
|
|
--callout-icon: lucide-highlighter;
|
|
}
|
|
|
|
.callout[data-callout="karakeep-red"] {
|
|
--callout-color: 254, 202, 202;
|
|
--callout-icon: lucide-highlighter;
|
|
}
|
|
|
|
.callout[data-callout="karakeep-green"] {
|
|
--callout-color: 187, 247, 208;
|
|
--callout-icon: lucide-highlighter;
|
|
}
|
|
|
|
.callout[data-callout="karakeep-blue"] {
|
|
--callout-color: 191, 219, 254;
|
|
--callout-icon: lucide-highlighter;
|
|
}
|
|
|
|
.callout[data-callout^="karakeep-"] {
|
|
margin: var(--size-4-2) 0;
|
|
}
|
|
|
|
.callout[data-callout^="karakeep-"] .callout-content {
|
|
padding: var(--size-4-2) var(--size-4-3);
|
|
}
|