philomena/assets/css/elements/input.css

27 lines
518 B
CSS
Raw Normal View History

2023-11-23 17:07:49 +01:00
.input {
border: 1px solid var(--secondary-border-color);
box-shadow: 0 -1px var(--secondary-dark-color) inset;
background: var(--secondary-dark-color);
color: var(--text-color);
box-sizing: border-box;
font-family: var(--font-family-monospace);
2024-04-30 20:38:28 +02:00
}
2023-11-23 17:07:49 +01:00
2024-04-30 20:38:28 +02:00
.input:focus {
outline: none;
}
2023-11-23 17:07:49 +01:00
2024-04-30 20:38:28 +02:00
.input::placeholder {
color: var(--secondary-border-color);
2023-11-23 17:07:49 +01:00
}
.input--wide {
width: 100%;
}
.input--text {
height: var(--input-text-height);
padding: var(--padding-normal) var(--padding-small);
cursor: text;
}