ripcrypt/templates/css/elements/input.css
Oliver-Akins 0135ca1124 Update the system CSS to use sub-layers
This is so I have more granular control over interactions between resets and intentional styles
2025-04-11 21:06:40 -06:00

30 lines
606 B
CSS

.ripcrypt.popover.frameless,
.ripcrypt.hud,
.ripcrypt > .window-content {
input, .input {
box-sizing: border-box;
border: none;
outline: none;
font-family: inherit;
font-size: inherit;
position: relative;
background: var(--input-background);
color: var(--input-text);
padding: 0px 4px;
&[type="text"],
&[type="number"] {
border-bottom: var(--input-underline);
}
&[type="checkbox"] {
all: revert-layer;
--checkbox-checked-color: var(--accent-3);
--checkbox-background-color: var(--accent-2);
}
&::placeholder {
color: var(--input-placeholder-text);
}
}
}