add icon-close

This commit is contained in:
Timothée Goguely 2025-01-23 14:41:57 +01:00
parent 35ea95aab3
commit 485aa5b690

View file

@ -40,6 +40,7 @@
--icon-loop: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.50002 14.2875C6.97688 14.7358 6.31385 14.9877 5.62502 15C5.12053 15.0484 4.61159 14.9846 4.13463 14.8133C3.65767 14.6419 3.2245 14.3672 2.86613 14.0089C2.50777 13.6505 2.23308 13.2173 2.06174 12.7404C1.89039 12.2634 1.82663 11.7545 1.87502 11.25C1.82663 10.7455 1.89039 10.2366 2.06174 9.75961C2.23308 9.28265 2.50777 8.84948 2.86613 8.49112C3.2245 8.13275 3.65767 7.85806 4.13463 7.68672C4.61159 7.51537 5.12053 7.45161 5.62502 7.5C9.06252 7.5 10.9375 15 14.375 15C14.8795 15.0484 15.3885 14.9846 15.8654 14.8133C16.3424 14.6419 16.7755 14.3672 17.1339 14.0089C17.4923 13.6505 17.767 13.2173 17.9383 12.7404C18.1096 12.2634 18.1734 11.7545 18.125 11.25C18.1734 10.7455 18.1096 10.2366 17.9383 9.75961C17.767 9.28265 17.4923 8.84948 17.1339 8.49112C16.7755 8.13275 16.3424 7.85806 15.8654 7.68672C15.3885 7.51537 14.8795 7.45161 14.375 7.5H11.875L14.375 5' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-pause: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5V15M13 5V15' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-download: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 9.375L10 13.125M10 13.125L13.75 9.375M10 13.125V1.875M5.625 18.125H14.375' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-close: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.125 1.875L1.875 18.125M1.875 1.875L18.125 18.125' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
[data-icon] {
@ -147,3 +148,6 @@
[data-icon="download"] {
--icon: var(--icon-download);
}
[data-icon="close"] {
--icon: var(--icon-close);
}