NODEDC_SITE/assets/custom/css/knowledge.css

121 lines
2.6 KiB
CSS

.site-title-logo:where(.astro-idrpryed) img {
display: block;
width: auto;
height: 100%;
object-fit: contain;
}
.knowledge-search-popover {
position: absolute;
top: calc(100% + 0.5rem);
left: 50%;
z-index: calc(var(--sl-z-index-navbar) + 1);
width: min(28rem, calc(100vw - 2rem));
max-height: calc(100vh - 7rem);
overflow: auto;
transform: translateX(-50%);
border: 1px solid var(--sl-color-gray-5);
border-radius: 0.5rem;
background: var(--sl-color-gray-6);
box-shadow: var(--sl-shadow-lg);
padding: 0.75rem;
}
.knowledge-search-popover[hidden] {
display: none;
}
.knowledge-download-placeholder {
visibility: hidden;
pointer-events: none;
}
.knowledge-download-placeholder:where(.astro-sle7k2hz) {
min-width: 8.25rem;
}
.knowledge-search-input {
display: block;
width: 100%;
border: 1px solid var(--sl-color-gray-5);
border-radius: 0.5rem;
background: var(--sl-color-black);
color: var(--sl-color-white);
font: inherit;
padding: 0.75rem 0.875rem;
outline-offset: 2px;
}
.knowledge-search-results {
display: grid;
gap: 0.25rem;
margin-top: 0.5rem;
}
.knowledge-search-result {
display: grid;
gap: 0.2rem;
border-radius: 0.35rem;
color: var(--sl-color-gray-2);
padding: 0.65rem 0.7rem;
text-decoration: none;
}
.knowledge-search-result:hover {
background: var(--sl-color-gray-5);
color: var(--sl-color-white);
}
.knowledge-search-result strong {
color: var(--sl-color-white);
font-size: var(--sl-text-sm);
font-weight: 600;
}
.knowledge-search-result span {
color: var(--sl-color-gray-3);
font-size: var(--sl-text-xs);
line-height: 1.35;
}
summary:where(.astro-j63poqv6) .knowledge-summary-link {
display: inline;
margin: 0;
padding: 0;
color: inherit;
text-decoration: none;
}
summary:where(.astro-j63poqv6)[aria-current="page"] .knowledge-summary-link,
summary:where(.astro-j63poqv6)[aria-current="page"] .large,
summary:where(.astro-j63poqv6)[aria-current="page"] .caret {
color: var(--sl-color-text-invert);
}
.sl-markdown-content .knowledge-button:not(:where(.not-content *)) {
display: inline-flex;
align-items: center;
border: 1px solid var(--sl-color-text-accent);
border-radius: 999rem;
background: var(--sl-color-text-accent);
color: var(--sl-color-black);
font-size: var(--sl-text-base);
font-weight: 600;
line-height: 1.1875;
padding: 0.9375rem 1.25rem;
text-decoration: none;
}
.sl-markdown-content .knowledge-button:hover:not(:where(.not-content *)) {
color: var(--sl-color-black);
filter: brightness(1.06);
}
.knowledge-card-list {
padding-inline-start: 1.25rem;
}
.knowledge-card-list li + li {
margin-top: 0.35rem;
}