Andy Smith
59 lines
1.3 KiB
CSS
59 lines
1.3 KiB
CSS
@layer components {
|
|
.terminal {
|
|
--row-gap: 0.2lh;
|
|
|
|
background-color: var(--color-terminal-bg);
|
|
color: var(--color-terminal-text);
|
|
font-family: var(--font-mono);
|
|
font-size: var(--text-normal);
|
|
inset: auto 0 0 0;
|
|
padding: var(--block-space) calc(var(--tray-size) + var(--inline-space) * 3);
|
|
position: fixed;
|
|
z-index: 1;
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
background-color: var(--color-black);
|
|
border-block-start: 1px solid var(--color-ink-lighter);
|
|
}
|
|
|
|
.terminal__input {
|
|
--input-border-color: transparent;
|
|
--input-border-radius: 0.3em;
|
|
--hover-color: transparent;
|
|
--input-color: var(--color-terminal-text);
|
|
--outline-size: 0;
|
|
--outline-color: transparent;
|
|
|
|
accent-color: var(--color-terminal-text);
|
|
caret-color: var(--color-terminal-text);
|
|
font-family: inherit;
|
|
|
|
&::placeholder {
|
|
color: var(--color-white);
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.terminal__link & {
|
|
color: var(--color-white);
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
}
|
|
|
|
.terminal__link {
|
|
--hover-size: 0;
|
|
|
|
color: var(--color-terminal-text);
|
|
}
|
|
|
|
.terminal__menu {
|
|
display: none;
|
|
list-style: none;
|
|
transition: display 1000ms allow-discrete;
|
|
|
|
.terminal--open & {
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|