plain site; demo content added; re-terminal theme enabled; some theme customizations
This commit is contained in:
43
themes/re-terminal/assets/css/form.scss
Normal file
43
themes/re-terminal/assets/css/form.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
input, textarea, select {
|
||||
background: transparent;
|
||||
color: var(--accent);
|
||||
border: 1px solid var(--accent);
|
||||
border-radius: 0;
|
||||
padding: 10px;
|
||||
margin: 5px 0;
|
||||
font: inherit;
|
||||
appearance: none;
|
||||
|
||||
&:focus, :active {
|
||||
border-color: var(--color);
|
||||
outline: 1px solid var(--color);
|
||||
}
|
||||
|
||||
&:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
background: var(--background);
|
||||
|
||||
option {
|
||||
background: var(--background);
|
||||
}
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
color: color-mix(in srgb, var(--accent), transparent 50%);
|
||||
}
|
||||
|
||||
input {
|
||||
&[type="checkbox"] {
|
||||
vertical-align: middle;
|
||||
padding: 10px;
|
||||
box-shadow: inset 0 0 0 3px var(--background);
|
||||
|
||||
&:checked {
|
||||
background: var(--accent);
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user