smokephil/water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-12-06 14:54:58 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix select styling

Browse source
This commit is contained in:
Kognise 2019-09-01 13:14:12 -04:00
parent ad9dc7c780
commit dc8546b096
No known key found for this signature in database
GPG key ID: 19AA40F6884A36D6
25 changed files with 133 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

27
dist/dark-legacy.standalone.css vendored
View file

@ -150,7 +150,7 @@ mark {
color: #000000;
}
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -212,6 +212,22 @@ textarea {
outline: none;
}
select {
color: #ffffff;
background-color: #161f27;
font-family: inherit;
font-size: inherit;
margin-right: 6px;
margin-bottom: 6px;
padding: 10px;
border: none;
border-radius: 6px;
outline: none;
}
input,
select,
button,
@ -226,6 +242,15 @@ textarea {
resize: vertical;
}
select {
background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
padding-right: 35px;
}
select::-ms-expand {
display: none;
}
button,
input[type='submit'],
input[type='button'] {

2
dist/dark-legacy.standalone.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/dark-legacy.standalone.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/dark-legacy.standalone.min.css.map vendored
View file

File diff suppressed because one or more lines are too long

18
dist/dark.css vendored
View file

@ -33,6 +33,8 @@
--variable: #d941e2;
--highlight: #efdb43;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
@media (prefers-color-scheme: light) {
@ -62,6 +64,8 @@
--variable: #39a33c;
--highlight: #ffff00;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
}
@ -170,7 +174,7 @@ mark {
color: #000000;
}
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -186,7 +190,8 @@ select {
input,
button,
textarea {
textarea,
select {
color: var(--form-text);
background-color: var(--background);
@ -216,6 +221,15 @@ textarea {
resize: vertical;
}
select {
background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
padding-right: 35px;
}
select::-ms-expand {
display: none;
}
button,
input[type='submit'],
input[type='button'] {

2
dist/dark.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/dark.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/dark.min.css.map vendored
View file

File diff suppressed because one or more lines are too long

16
dist/dark.standalone.css vendored
View file

@ -30,6 +30,8 @@
--variable: #d941e2;
--highlight: #efdb43;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
body {
@ -137,7 +139,7 @@ mark {
color: #000000;
}
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -153,7 +155,8 @@ select {
input,
button,
textarea {
textarea,
select {
color: var(--form-text);
background-color: var(--background);
@ -183,6 +186,15 @@ textarea {
resize: vertical;
}
select {
background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
padding-right: 35px;
}
select::-ms-expand {
display: none;
}
button,
input[type='submit'],
input[type='button'] {

2
dist/dark.standalone.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/dark.standalone.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/dark.standalone.min.css.map vendored
View file

File diff suppressed because one or more lines are too long

27
dist/light-legacy.standalone.css vendored
View file

@ -150,7 +150,7 @@ mark {
color: #000000;
}
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -212,6 +212,22 @@ textarea {
outline: none;
}
select {
color: #000000;
background-color: #efefef;
font-family: inherit;
font-size: inherit;
margin-right: 6px;
margin-bottom: 6px;
padding: 10px;
border: none;
border-radius: 6px;
outline: none;
}
input,
select,
button,
@ -226,6 +242,15 @@ textarea {
resize: vertical;
}
select {
background: #efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
padding-right: 35px;
}
select::-ms-expand {
display: none;
}
button,
input[type='submit'],
input[type='button'] {

2
dist/light-legacy.standalone.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/light-legacy.standalone.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/light-legacy.standalone.min.css.map vendored
View file

File diff suppressed because one or more lines are too long

18
dist/light.css vendored
View file

@ -33,6 +33,8 @@
--variable: #39a33c;
--highlight: #ffff00;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
@ -62,6 +64,8 @@
--variable: #d941e2;
--highlight: #efdb43;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
}
@ -170,7 +174,7 @@ mark {
color: #000000;
}
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -186,7 +190,8 @@ select {
input,
button,
textarea {
textarea,
select {
color: var(--form-text);
background-color: var(--background);
@ -216,6 +221,15 @@ textarea {
resize: vertical;
}
select {
background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
padding-right: 35px;
}
select::-ms-expand {
display: none;
}
button,
input[type='submit'],
input[type='button'] {

2
dist/light.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/light.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/light.min.css.map vendored
View file

File diff suppressed because one or more lines are too long

16
dist/light.standalone.css vendored
View file

@ -30,6 +30,8 @@
--variable: #39a33c;
--highlight: #ffff00;
--select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
}
body {
@ -137,7 +139,7 @@ mark {
color: #000000;
}
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -153,7 +155,8 @@ select {
input,
button,
textarea {
textarea,
select {
color: var(--form-text);
background-color: var(--background);
@ -183,6 +186,15 @@ textarea {
resize: vertical;
}
select {
background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
padding-right: 35px;
}
select::-ms-expand {
display: none;
}
button,
input[type='submit'],
input[type='button'] {

2
dist/light.standalone.css.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/light.standalone.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
dist/light.standalone.min.css.map vendored
View file

File diff suppressed because one or more lines are too long

5
src/parts/_forms.css
View file

@ -1,4 +1,4 @@
button,
button, select,
input[type='submit'],
input[type='button'],
input[type='checkbox'],
@ -14,7 +14,8 @@ select {
input,
button,
textarea {
textarea,
select {
color: var(--form-text);
background-color: var(--background);