Fix issue #308 - remove color-mix and set precomputed css variable value

This commit is contained in:
amouillard 2023-09-20 16:19:24 +02:00
parent 9acd358080
commit 355923f680
2 changed files with 3 additions and 2 deletions

View File

@ -530,7 +530,7 @@ nav.ol-panel> :last-child {
}
.active .ol-slider::-webkit-slider-thumb {
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, color-mix(in srgb, var(--accent-light-blue), transparent 66%) 50%);
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, var(--transparent-accent-light-blue) 50%);
}
.ol-slider::-moz-range-thumb {
@ -545,7 +545,7 @@ nav.ol-panel> :last-child {
.active .ol-slider::-moz-range-thumb {
-moz-appearance: none;
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, color-mix(in srgb, var(--accent-light-blue), transparent 66%) 50%);
background: radial-gradient(circle at center, var(--accent-light-blue), var(--accent-light-blue) 40%, var(--transparent-accent-light-blue) 50%);
}
.ol-slider-min-max {

View File

@ -22,6 +22,7 @@
/*** UI Colours **/
--accent-green: #8bff63;
--accent-light-blue: #5ca7ff;
--transparent-accent-light-blue: rgba(92, 167, 255, .33);
--accent-light-red: #F5B6B6;
--background-grey: #3d4651;