Jeu de cartes
Ce composant est principalement intéressant parce qu’il est généré depuis un fichier
.json
.
Chaque carte correspond à une entrée comprenant :
- un label,
- une valeur,
-
une couleur : qui doit être présente dans la
palette()
du projet — jetez un œil à./src/scss/01-settings/variables.scss
, -
et une icône le nom d’un fichier SVG
dans le répertoire
./src/img/svg/
— le tout combiné dans un sprite.
Le reste n’est que sémantique et styles — notamment l’utilisation de la fonction
CSS element()
,
supportée uniquement par Firefox.
À améliorer
Le balisage ne me paraît pas être le plus opportun pour le moment. Commentaires bienvenus !