Improved and cleanup CSS and language selectors

This commit is contained in:
djmaze 2021-08-27 16:30:42 +02:00
parent f192902827
commit 45662b39b0
8 changed files with 14 additions and 133 deletions

View file

@ -45,6 +45,7 @@ button,
input,
optgroup,
select,
.select,
textarea {
font-family: inherit;
font-size: @baseFontSize;
@ -58,6 +59,7 @@ textarea {
// Shared size and type resets
select,
.select,
textarea,
input {
box-sizing: border-box;
@ -112,7 +114,7 @@ input[type="checkbox"] {
}
// Make select elements obey height by applying a border
select {
select, .select {
appearance: none;
background: @inputBackground url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='10px' width='15px'><text x='0' y='10' fill='rgb(85,85,85)'>▾</text></svg>") right center/1em no-repeat border-box;
border: 1px solid @inputBorder;
@ -123,6 +125,7 @@ select {
// Focus for select, file, radio, and checkbox
select:focus,
.select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
@ -130,16 +133,6 @@ input[type="checkbox"]:focus {
}
// Placeholder
// -------------------------
// Placeholder text gets special styles; can't be bundled together though for some reason
input::placeholder,
textarea::placeholder {
color: @placeholderText;
}
// INPUT SIZES
// -----------