Fix select arrow color

This commit is contained in:
Jeremy Thomas
2024-05-20 17:22:34 +01:00
parent 615e58cb3e
commit bb0518451d
20 changed files with 109 additions and 21 deletions

16
css/bulma.css vendored
View File

@@ -69,6 +69,7 @@
--bulma-radius-large: 0.75rem;
--bulma-radius-rounded: 9999px;
--bulma-speed: 86ms;
--bulma-arrow-color: var(--bulma-link);
--bulma-loading-color: var(--bulma-border);
--bulma-burger-h: var(--bulma-link-h);
--bulma-burger-s: var(--bulma-link-s);
@@ -969,6 +970,7 @@
--bulma-radius-large: 0.75rem;
--bulma-radius-rounded: 9999px;
--bulma-speed: 86ms;
--bulma-arrow-color: var(--bulma-link);
--bulma-loading-color: var(--bulma-border);
--bulma-burger-h: var(--bulma-link-h);
--bulma-burger-s: var(--bulma-link-s);
@@ -1886,6 +1888,7 @@
--bulma-radius-large: 0.75rem;
--bulma-radius-rounded: 9999px;
--bulma-speed: 86ms;
--bulma-arrow-color: var(--bulma-link);
--bulma-loading-color: var(--bulma-border);
--bulma-burger-h: var(--bulma-link-h);
--bulma-burger-s: var(--bulma-link-s);
@@ -3105,7 +3108,7 @@ table th {
}
/* Bulma Elements */
.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
border: 0.125em solid var(--bulma-link);
border: 0.125em solid var(--bulma-arrow-color);
border-right: 0;
border-top: 0;
content: " ";
@@ -5744,6 +5747,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-white-s);
--bulma-input-focus-l: var(--bulma-white-l);
--bulma-input-border-l: var(--bulma-white-l);
--bulma-arrow-color: var(--bulma-white);
}
.select.is-black {
--bulma-input-h: var(--bulma-black-h);
@@ -5753,6 +5757,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-black-s);
--bulma-input-focus-l: var(--bulma-black-l);
--bulma-input-border-l: var(--bulma-black-l);
--bulma-arrow-color: var(--bulma-black);
}
.select.is-light {
--bulma-input-h: var(--bulma-light-h);
@@ -5762,6 +5767,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-light-s);
--bulma-input-focus-l: var(--bulma-light-l);
--bulma-input-border-l: var(--bulma-light-l);
--bulma-arrow-color: var(--bulma-light);
}
.select.is-dark {
--bulma-input-h: var(--bulma-dark-h);
@@ -5771,6 +5777,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-dark-s);
--bulma-input-focus-l: var(--bulma-dark-l);
--bulma-input-border-l: var(--bulma-dark-l);
--bulma-arrow-color: var(--bulma-dark);
}
.select.is-text {
--bulma-input-h: var(--bulma-text-h);
@@ -5780,6 +5787,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-text-s);
--bulma-input-focus-l: var(--bulma-text-l);
--bulma-input-border-l: var(--bulma-text-l);
--bulma-arrow-color: var(--bulma-text);
}
.select.is-primary {
--bulma-input-h: var(--bulma-primary-h);
@@ -5789,6 +5797,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-primary-s);
--bulma-input-focus-l: var(--bulma-primary-l);
--bulma-input-border-l: var(--bulma-primary-l);
--bulma-arrow-color: var(--bulma-primary);
}
.select.is-link {
--bulma-input-h: var(--bulma-link-h);
@@ -5798,6 +5807,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-link-s);
--bulma-input-focus-l: var(--bulma-link-l);
--bulma-input-border-l: var(--bulma-link-l);
--bulma-arrow-color: var(--bulma-link);
}
.select.is-info {
--bulma-input-h: var(--bulma-info-h);
@@ -5807,6 +5817,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-info-s);
--bulma-input-focus-l: var(--bulma-info-l);
--bulma-input-border-l: var(--bulma-info-l);
--bulma-arrow-color: var(--bulma-info);
}
.select.is-success {
--bulma-input-h: var(--bulma-success-h);
@@ -5816,6 +5827,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-success-s);
--bulma-input-focus-l: var(--bulma-success-l);
--bulma-input-border-l: var(--bulma-success-l);
--bulma-arrow-color: var(--bulma-success);
}
.select.is-warning {
--bulma-input-h: var(--bulma-warning-h);
@@ -5825,6 +5837,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-warning-s);
--bulma-input-focus-l: var(--bulma-warning-l);
--bulma-input-border-l: var(--bulma-warning-l);
--bulma-arrow-color: var(--bulma-warning);
}
.select.is-danger {
--bulma-input-h: var(--bulma-danger-h);
@@ -5834,6 +5847,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-danger-s);
--bulma-input-focus-l: var(--bulma-danger-l);
--bulma-input-border-l: var(--bulma-danger-l);
--bulma-arrow-color: var(--bulma-danger);
}
.select.is-small {
border-radius: var(--bulma-radius-small);