davejansen/system.css
1
0
Fork 0
mirror of https://github.com/sakofchit/system.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

icons: clean up radio svgs and sizing

Browse Source
This commit is contained in:
Andrew Watterson
2022-08-12 01:08:59 -07:00
parent b0df8e6ddd
commit e3098bba3f
3 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
icon/radio-border.svg
View File

@@ -1,14 +1,14 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3.90698" width="4.18605" height="1.06667" fill="black"/>
<rect y="8" width="4" height="1.11628" transform="rotate(-90 0 8)" fill="black"/>
<rect x="10.8837" y="8" width="4" height="1.11628" transform="rotate(-90 10.8837 8)" fill="black"/>
<rect x="1.95349" y="1.06667" width="1.95349" height="1.06667" fill="black"/>
<rect x="8.09302" y="1.06667" width="1.95349" height="1.06667" fill="black"/>
<rect x="10.0465" y="4" width="1.86667" height="0.837209" transform="rotate(-90 10.0465 4)" fill="black"/>
<rect x="1.11627" y="4" width="1.86667" height="0.837209" transform="rotate(-90 1.11627 4)" fill="black"/>
<rect width="4.18605" height="1.06667" transform="matrix(1 0 0 -1 3.90698 12)" fill="black"/>
<rect width="1.95349" height="1.06667" transform="matrix(1 0 0 -1 1.95349 10.9333)" fill="black"/>
<rect width="1.95349" height="1.06667" transform="matrix(1 0 0 -1 8.09302 10.9333)" fill="black"/>
<rect width="1.86667" height="0.837209" transform="matrix(0 1 1 0 10.0465 8)" fill="black"/>
<rect width="1.86667" height="0.837209" transform="matrix(0 1 1 0 1.11627 8)" fill="black"/>
<path d="M8 0H4V1H8V0Z" fill="black"/>
<path d="M8 12H4V11H8V12Z" fill="black"/>
<path d="M0 4L0 8H1L1 4H0Z" fill="black"/>
<path d="M11 4V8H12V4H11Z" fill="black"/>
<path d="M4 1H2V2H4V1Z" fill="black"/>
<path d="M4 11H2V10H4V11Z" fill="black"/>
<path d="M10 1H8V2H10V1Z" fill="black"/>
<path d="M10 11H8V10H10V11Z" fill="black"/>
<path d="M10 2V4H11V2H10Z" fill="black"/>
<path d="M10 10V8H11V10H10Z" fill="black"/>
<path d="M1 2L1 4H2V2H1Z" fill="black"/>
<path d="M1 10L1 8H2V10H1Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 605 B

8
icon/radio-dot.svg
View File

@@ -1,5 +1,5 @@
<svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1.06616" width="3.99783" height="1.06609" fill="black"/>
<rect x="1.06616" y="5.0639" width="3.99783" height="1.06609" fill="black"/>
<rect y="1.06609" width="6.13" height="3.99783" fill="black"/>
<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.99783 0H1V1H4.99783V0Z" fill="black"/>
<path d="M4.99783 5H1V6H4.99783V5Z" fill="black"/>
<path d="M6 1H0V4.99783H6V1Z" fill="black"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 305 B

After

Width:  |  Height:  |  Size: 246 B

2
style.css
View File

@@ -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(