diff --git a/icon/apple.svg b/icon/apple.svg index ee614f6..5fbcd19 100644 --- a/icon/apple.svg +++ b/icon/apple.svg @@ -1,19 +1,13 @@ - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + diff --git a/icon/checkmark.svg b/icon/checkmark.svg index c682cd4..ad262f6 100644 --- a/icon/checkmark.svg +++ b/icon/checkmark.svg @@ -1,22 +1,26 @@ - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icon/radio-border-focused.svg b/icon/radio-border-focused.svg index 20fca03..8ec5726 100644 --- a/icon/radio-border-focused.svg +++ b/icon/radio-border-focused.svg @@ -1,14 +1,14 @@ - - - - - - - - - - - - - + + + + + + + + + + + + + \ No newline at end of file diff --git a/icon/radio-border.svg b/icon/radio-border.svg index 251f43c..ae359f7 100644 --- a/icon/radio-border.svg +++ b/icon/radio-border.svg @@ -1,14 +1,14 @@ - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/icon/radio-dot.svg b/icon/radio-dot.svg index bad9dad..c5e3cdd 100644 --- a/icon/radio-dot.svg +++ b/icon/radio-dot.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/style.css b/style.css index 965de45..ea364de 100644 --- a/style.css +++ b/style.css @@ -17,7 +17,7 @@ --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing); --radio-total-width: calc(var(--radio-total-width-precalc)); --radio-left: calc(-1 * var(--radio-total-width-precalc)); - --radio-dot-width: 6.13px; + --radio-dot-width: 6px; --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2); --radio-dot-left: calc( -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var( @@ -29,9 +29,9 @@ var(--radio-label-spacing); --checkbox-total-width: calc(var(--checkbox-total-width-precalc)); --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc)); - --checkmark-width: 13px; - --checkmark-top: 1.5px; - --checkmark-left: 1.5px; + --checkmark-width: 12px; + --checkmark-top: 2px; + --checkmark-left: 2px; } @font-face { @@ -530,11 +530,10 @@ input[type="checkbox"][disabled]:checked + label::after { .apple { background: svg-load("./icon/apple.svg"); - height: 20.7px; - width: 17px; + height: 22px; + width: 18px; background-repeat: no-repeat; border: none; - } /* Form */