library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix select arrow color

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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);

2
css/bulma.css.map
View File

File diff suppressed because one or more lines are too long

4
css/bulma.min.css vendored
View File

File diff suppressed because one or more lines are too long

14
css/versions/bulma-no-dark-mode.css
View File

@ -305,7 +305,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: " ";
@ -2944,6 +2944,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);
@ -2953,6 +2954,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);
@ -2962,6 +2964,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);
@ -2971,6 +2974,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);
@ -2980,6 +2984,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);
@ -2989,6 +2994,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);
@ -2998,6 +3004,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);
@ -3007,6 +3014,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);
@ -3016,6 +3024,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);
@ -3025,6 +3034,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);
@ -3034,6 +3044,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);
@ -19683,6 +19694,7 @@ has-background-danger.is-hoverable:active {
--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);

2
css/versions/bulma-no-dark-mode.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-no-dark-mode.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
css/versions/bulma-no-helpers-prefixed.css
View File

@ -305,7 +305,7 @@ table th {
}
/* Bulma Elements */
.bulma-navbar-link:not(.bulma-is-arrowless)::after, .bulma-select:not(.bulma-is-multiple):not(.bulma-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: " ";
@ -2944,6 +2944,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-black {
--bulma-input-h: var(--bulma-black-h);
@ -2953,6 +2954,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-light {
--bulma-input-h: var(--bulma-light-h);
@ -2962,6 +2964,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-dark {
--bulma-input-h: var(--bulma-dark-h);
@ -2971,6 +2974,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-text {
--bulma-input-h: var(--bulma-text-h);
@ -2980,6 +2984,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-primary {
--bulma-input-h: var(--bulma-primary-h);
@ -2989,6 +2994,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-link {
--bulma-input-h: var(--bulma-link-h);
@ -2998,6 +3004,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-info {
--bulma-input-h: var(--bulma-info-h);
@ -3007,6 +3014,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-success {
--bulma-input-h: var(--bulma-success-h);
@ -3016,6 +3024,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-warning {
--bulma-input-h: var(--bulma-warning-h);
@ -3025,6 +3034,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-danger {
--bulma-input-h: var(--bulma-danger-h);
@ -3034,6 +3044,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-small {
border-radius: var(--bulma-radius-small);

2
css/versions/bulma-no-helpers-prefixed.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-no-helpers-prefixed.min.css vendored
View File

File diff suppressed because one or more lines are too long

13
css/versions/bulma-no-helpers.css
View File

@ -305,7 +305,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: " ";
@ -2944,6 +2944,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);
@ -2953,6 +2954,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);
@ -2962,6 +2964,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);
@ -2971,6 +2974,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);
@ -2980,6 +2984,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);
@ -2989,6 +2994,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);
@ -2998,6 +3004,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);
@ -3007,6 +3014,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);
@ -3016,6 +3024,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);
@ -3025,6 +3034,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);
@ -3034,6 +3044,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);

2
css/versions/bulma-no-helpers.css.map
View File

File diff suppressed because one or more lines are too long

2
css/versions/bulma-no-helpers.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
css/versions/bulma-prefixed.min.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 */
.bulma-navbar-link:not(.bulma-is-arrowless)::after, .bulma-select:not(.bulma-is-multiple):not(.bulma-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.bulma-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);
}
.bulma-select.bulma-is-black {
--bulma-input-h: var(--bulma-black-h);
@ -5753,6 +5757,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-light {
--bulma-input-h: var(--bulma-light-h);
@ -5762,6 +5767,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-dark {
--bulma-input-h: var(--bulma-dark-h);
@ -5771,6 +5777,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-text {
--bulma-input-h: var(--bulma-text-h);
@ -5780,6 +5787,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-primary {
--bulma-input-h: var(--bulma-primary-h);
@ -5789,6 +5797,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-link {
--bulma-input-h: var(--bulma-link-h);
@ -5798,6 +5807,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-info {
--bulma-input-h: var(--bulma-info-h);
@ -5807,6 +5817,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-success {
--bulma-input-h: var(--bulma-success-h);
@ -5816,6 +5827,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-warning {
--bulma-input-h: var(--bulma-warning-h);
@ -5825,6 +5837,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-danger {
--bulma-input-h: var(--bulma-danger-h);
@ -5834,6 +5847,7 @@ button.bulma-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);
}
.bulma-select.bulma-is-small {
border-radius: var(--bulma-radius-small);

2
css/versions/bulma-prefixed.min.css.map
View File

File diff suppressed because one or more lines are too long

4
css/versions/bulma-prefixed.min.min.css vendored
View File

File diff suppressed because one or more lines are too long

26
docs/assets/css/website.css
View File

@ -68,6 +68,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);
@ -1988,6 +1989,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);
@ -3945,6 +3947,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);
@ -6204,7 +6207,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: " ";
@ -9673,6 +9676,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);
@ -9682,6 +9686,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);
@ -9691,6 +9696,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);
@ -9700,6 +9706,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);
@ -9709,6 +9716,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);
@ -9718,6 +9726,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);
@ -9727,6 +9736,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);
@ -9736,6 +9746,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);
@ -9745,6 +9756,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);
@ -9754,6 +9766,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);
@ -9763,6 +9776,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-css {
--bulma-input-h: var(--bulma-css-h);
@ -9772,6 +9786,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-css-s);
--bulma-input-focus-l: var(--bulma-css-l);
--bulma-input-border-l: var(--bulma-css-l);
--bulma-arrow-color: var(--bulma-css);
}
.select.is-html {
--bulma-input-h: var(--bulma-html-h);
@ -9781,6 +9796,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-html-s);
--bulma-input-focus-l: var(--bulma-html-l);
--bulma-input-border-l: var(--bulma-html-l);
--bulma-arrow-color: var(--bulma-html);
}
.select.is-github {
--bulma-input-h: var(--bulma-github-h);
@ -9790,6 +9806,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-github-s);
--bulma-input-focus-l: var(--bulma-github-l);
--bulma-input-border-l: var(--bulma-github-l);
--bulma-arrow-color: var(--bulma-github);
}
.select.is-js {
--bulma-input-h: var(--bulma-js-h);
@ -9799,6 +9816,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-js-s);
--bulma-input-focus-l: var(--bulma-js-l);
--bulma-input-border-l: var(--bulma-js-l);
--bulma-arrow-color: var(--bulma-js);
}
.select.is-patreon {
--bulma-input-h: var(--bulma-patreon-h);
@ -9808,6 +9826,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-patreon-s);
--bulma-input-focus-l: var(--bulma-patreon-l);
--bulma-input-border-l: var(--bulma-patreon-l);
--bulma-arrow-color: var(--bulma-patreon);
}
.select.is-sass {
--bulma-input-h: var(--bulma-sass-h);
@ -9817,6 +9836,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-sass-s);
--bulma-input-focus-l: var(--bulma-sass-l);
--bulma-input-border-l: var(--bulma-sass-l);
--bulma-arrow-color: var(--bulma-sass);
}
.select.is-facebook {
--bulma-input-h: var(--bulma-facebook-h);
@ -9826,6 +9846,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-facebook-s);
--bulma-input-focus-l: var(--bulma-facebook-l);
--bulma-input-border-l: var(--bulma-facebook-l);
--bulma-arrow-color: var(--bulma-facebook);
}
.select.is-twitter {
--bulma-input-h: var(--bulma-twitter-h);
@ -9835,6 +9856,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-twitter-s);
--bulma-input-focus-l: var(--bulma-twitter-l);
--bulma-input-border-l: var(--bulma-twitter-l);
--bulma-arrow-color: var(--bulma-twitter);
}
.select.is-sun {
--bulma-input-h: var(--bulma-sun-h);
@ -9844,6 +9866,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-sun-s);
--bulma-input-focus-l: var(--bulma-sun-l);
--bulma-input-border-l: var(--bulma-sun-l);
--bulma-arrow-color: var(--bulma-sun);
}
.select.is-moon {
--bulma-input-h: var(--bulma-moon-h);
@ -9853,6 +9876,7 @@ button.tag:active,
--bulma-input-focus-s: var(--bulma-moon-s);
--bulma-input-focus-l: var(--bulma-moon-l);
--bulma-input-border-l: var(--bulma-moon-l);
--bulma-arrow-color: var(--bulma-moon);
}
.select.is-small {
border-radius: var(--bulma-radius-small);

4
docs/assets/css/website.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
sass/form/select.scss
View File

@ -84,6 +84,7 @@ $select-colors: shared.$form-colors !default;
"input-focus-s": #{cv.getVar($name, "", "-s")},
"input-focus-l": #{cv.getVar($name, "", "-l")},
"input-border-l": #{cv.getVar($name, "", "-l")},
"arrow-color": #{cv.getVar($name)},
)
);
}

1
sass/themes/light.scss
View File

@ -81,6 +81,7 @@ $scheme-main: hsl(iv.$scheme-h, iv.$scheme-s, $scheme-main-l);
"radius-rounded": 9999px,
"speed": 86ms,
"arrow-color": #{cv.getVar("link")},
"loading-color": #{cv.getVar("border")},
"burger-h": #{cv.getVar("link-h")},
"burger-s": #{cv.getVar("link-s")},

2
sass/utilities/mixins.scss
View File

@ -1,7 +1,7 @@
@use "initial-variables" as iv;
@use "css-variables" as cv;
@mixin arrow($color: #{cv.getVar("link")}) {
@mixin arrow($color: #{cv.getVar("arrow-color")}) {
border: 0.125em solid $color;
border-right: 0;
border-top: 0;