Passage en svg des icones d'ouverture et de fermeture.

1 year ago · 6af56c7097
5 changed files with 4 additions and 2 deletions
--- a/css/faq.css
+++ b/css/faq.css
@ -8,8 +8,8 @@
 dl.faq dd a.retour { display: block; padding: .4em .5em 0 0; text-align: right; font-weight: normal; }

 /* Pour les pictogrammes d'ouverture-fermeture des questions de la FAQ */
-dl.faq.js dt { padding-left: 1.5em; background-image: url(img/faq-open.png); background-repeat: no-repeat; background-position: 0 0.25em; cursor: pointer; }
-dl.faq.js dt.item-faq-closed { background-image: url(img/faq-close.png); }
+dl.faq.js dt { padding-left: 1.5em; background-image: url(img/faq-open.svg); background-repeat: no-repeat; background-position: 0 0.25em; cursor: pointer; }
+dl.faq.js dt.item-faq-closed { background-image: url(img/faq-close.svg); }

 /* Pour l'impression */
@media print { dl.faq dd { display: block !important; } }
--- a/css/img/faq-close.png
+++ b/css/img/faq-close.png
--- a/css/img/faq-close.svg
+++ b/css/img/faq-close.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="none" d="M0 0h24v24H0z"/><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>
--- a/css/img/faq-open.png
+++ b/css/img/faq-open.png
--- a/css/img/faq-open.svg
+++ b/css/img/faq-open.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"/></svg>
				`@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="none" d="M0 0h24v24H0z"/><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>`