alecodes/mini-strap
2
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages 2 Wiki Activity Actions

fix: remove deprecation warnings from sass

Browse source
This commit is contained in:
Alexander Navarro 2024-12-19 15:24:49 -03:00
parent e75f0bb5ca
commit b452baa6b9
3 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
packages/core/src/components/form.scss
View file

@ -2,6 +2,7 @@
@use "../mixins";
@use "sass:color";
@use "sass:string";
@use "sass:map";
fieldset:not(.msp-fieldset-border) {
min-width: 0;
@ -72,7 +73,7 @@ input[type="checkbox"] {
background-color: var(--msp-color-bg-checkbox);
border-color: var(--msp-color-bg-checkbox);
$stroke-color: "%23#{string.slice(map-get($msp-colors, "--msp-color-text-checkbox"), 2, -1)}";
$stroke-color: "%23#{string.slice(map.get($msp-colors, "--msp-color-text-checkbox"), 2, -1)}";
--msp-form-check-bg-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="#{$stroke-color}" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="m6 10 3 3 6-6"/></svg>');
}
}
@ -106,7 +107,7 @@ input[type="radio"] {
background-color: var(--msp-color-bg-checkbox);
border-color: var(--msp-color-bg-checkbox);
$fill-color: "%23#{string.slice(map-get($msp-colors, "--msp-color-text-checkbox"), 2, -1)}";
$fill-color: "%23#{string.slice(map.get($msp-colors, "--msp-color-text-checkbox"), 2, -1)}";
--msp-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='#{$fill-color}'/%3e%3c/svg%3e");
}
}