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

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

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")},

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;