mirror of https://github.com/byecorps/id.git
54 lines
1.0 KiB
CSS
54 lines
1.0 KiB
CSS
|
|
||
|
|
form.mini-form {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 0.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
background: var(--input-bg);
|
||
|
|
padding: 0.5rem;
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input label {
|
||
|
|
font-size: 0.8rem;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input input {
|
||
|
|
all: unset;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:has([data-com-onepassword-filled='light']) {
|
||
|
|
background-color: hsl(210, 100%, 93%);
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:has([data-com-onepassword-filled='dark']) {
|
||
|
|
background-color: rgb(36, 107, 179);
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:has(:-internal-autofill-selected) {
|
||
|
|
background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4));
|
||
|
|
}
|
||
|
|
|
||
|
|
button, .button {
|
||
|
|
padding: 0.5rem;
|
||
|
|
margin: 0 0.25rem;
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
border: rgba(136, 136, 136, 0.3) 1px solid;
|
||
|
|
font-family: "Montserrat", system-ui, sans-serif;
|
||
|
|
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.primary, .button.primary {
|
||
|
|
background: var(--button-primary-bg);
|
||
|
|
}
|
||
|
|
|
||
|
|
button.primary:hover, .button.primary:hover {
|
||
|
|
background: var(--button-primary-hover-bg);
|
||
|
|
}
|