/* ========================================================================== Icon library. ========================================================================== */ .icon { --icon-size: 16px; width: var(--icon-size); height: var(--icon-size); &:before { content: ""; display: inline-block; width: inherit; height: inherit; mask-repeat: no-repeat; mask-position: center; mask-size: var(--icon-size); background: var(--color-fg); transition: var(--transition); } } /* Variables. ========================================================================== */ :root { --icon-Acteurs_reemploi_ok: url("data:image/svg+xml,"); --icon-Allongement_duree_usage_ok: url("data:image/svg+xml,"); --icon-CSR: url("data:image/svg+xml,"); --icon-DAE-canap: url("data:image/svg+xml,"); --icon-EIT_2_ok: url("data:image/svg+xml,"); --icon-EIT_ok: url("data:image/svg+xml,"); --icon-ENR_ok: url("data:image/svg+xml,"); --icon-Ecoconception_ampoule_ok: url("data:image/svg+xml,"); --icon-Emplois_ESS_ok: url("data:image/svg+xml,"); --icon-REP: url("data:image/svg+xml,"); --icon-Ressourcerie_ok: url("data:image/svg+xml,"); --icon-TMB-2: url("data:image/svg+xml,"); --icon-TMB: url("data:image/svg+xml,"); --icon-agreee_SPA3: url("data:image/svg+xml,"); --icon-anneau: url("data:image/svg+xml,"); --icon-artisant: url("data:image/svg+xml,"); --icon-batteries: url("data:image/svg+xml,"); --icon-bio: url("data:image/svg+xml,"); --icon-bioAB: url("data:image/svg+xml,"); --icon-bioab: url("data:image/svg+xml,"); --icon-broyage_bois: url("data:image/svg+xml,"); --icon-carte_identite: url("data:image/svg+xml,"); --icon-checked: url("data:image/svg+xml,"); --icon-checked2: url("data:image/svg+xml,"); --icon-circle_down: url("data:image/svg+xml,"); --icon-circle_down2: url("data:image/svg+xml,"); --icon-circle_up: url("data:image/svg+xml,"); --icon-circle_up2: url("data:image/svg+xml,"); --icon-comparaison: url("data:image/svg+xml,"); --icon-competence_collecte: url("data:image/svg+xml,"); --icon-competence_traitement: url("data:image/svg+xml,"); --icon-compost: url("data:image/svg+xml,"); --icon-compostage: url("data:image/svg+xml,"); --icon-consommation-denergie_ok: url("data:image/svg+xml,"); --icon-consommation-durable_ok: url("data:image/svg+xml,"); --icon-decheterie: url("data:image/svg+xml,"); --icon-dechets-dangereux_ok: url("data:image/svg+xml,"); --icon-deee_GEMF: url("data:image/svg+xml,"); --icon-deee_GEMHF: url("data:image/svg+xml,"); --icon-deee_smartphone: url("data:image/svg+xml,"); --icon-default: url("data:image/svg+xml,"); --icon-default1: url("data:image/svg+xml,"); --icon-default2: url("data:image/svg+xml,"); --icon-default3: url("data:image/svg+xml,"); --icon-default4: url("data:image/svg+xml,"); --icon-dessin_essai: url("data:image/svg+xml,"); --icon-ecolabel_ok: url("data:image/svg+xml,"); --icon-economie_circulaire: url("data:image/svg+xml,"); --icon-energie: url("data:image/svg+xml,"); --icon-enfouissement: url("data:image/svg+xml,"); --icon-euro: url("data:image/svg+xml,"); --icon-financement: url("data:image/svg+xml,"); --icon-fliere_rep: url("data:image/svg+xml,"); --icon-gaspillage-alimentaire_ok: url("data:image/svg+xml,"); --icon-hash: url("data:image/svg+xml,"); --icon-help: url("data:image/svg+xml,"); --icon-illustration_poubelle: url("data:image/svg+xml,"); --icon-incineration: url("data:image/svg+xml,"); --icon-lenergie-eolienne_ok: url("data:image/svg+xml,"); --icon-légumes: url("data:image/svg+xml,"); --icon-metabolisme: url("data:image/svg+xml,"); --icon-minus-circle: url("data:image/svg+xml,"); --icon-minus: url("data:image/svg+xml,"); --icon-méthanisation: url("data:image/svg+xml,"); --icon-objectif: url("data:image/svg+xml,"); --icon-organisations_ok: url("data:image/svg+xml,"); --icon-panneau-solaire: url("data:image/svg+xml,"); --icon-phone: url("data:image/svg+xml,"); --icon-plus-circle: url("data:image/svg+xml,"); --icon-plus: url("data:image/svg+xml,"); --icon-population: url("data:image/svg+xml,"); --icon-poubelle: url("data:image/svg+xml,"); --icon-poubelleDMA: url("data:image/svg+xml,"); --icon-prelevement_eau_ok: url("data:image/svg+xml,"); --icon-print: url("data:image/svg+xml,"); --icon-recyclage: url("data:image/svg+xml,"); --icon-reload: url("data:image/svg+xml,"); --icon-sensibilisation_ok: url("data:image/svg+xml,"); --icon-stockage_dechets_ok: url("data:image/svg+xml,"); --icon-surfaceagri: url("data:image/svg+xml,"); --icon-territoire: url("data:image/svg+xml,"); --icon-test: url("data:image/svg+xml,"); --icon-tonnage: url("data:image/svg+xml,"); --icon-tracteur_ok: url("data:image/svg+xml,"); --icon-unchecked: url("data:image/svg+xml,"); --icon-valorisation_matiere_ok: url("data:image/svg+xml,"); --icon-warning: url("data:image/svg+xml,"); --icon-window-close: url("data:image/svg+xml,"); --icon-zoom: url("data:image/svg+xml,"); } /* Classes. ========================================================================== */ .icon--Acteurs_reemploi_ok:before { mask-image: var(--icon-Acteurs_reemploi_ok); } .icon--Allongement_duree_usage_ok:before { mask-image: var(--icon-Allongement_duree_usage_ok); } .icon--CSR:before { mask-image: var(--icon-CSR); } .icon--DAE-canap:before { mask-image: var(--icon-DAE-canap); } .icon--EIT_2_ok:before { mask-image: var(--icon-EIT_2_ok); } .icon--EIT_ok:before { mask-image: var(--icon-EIT_ok); } .icon--ENR_ok:before { mask-image: var(--icon-ENR_ok); } .icon--Ecoconception_ampoule_ok:before { mask-image: var(--icon-Ecoconception_ampoule_ok); } .icon--Emplois_ESS_ok:before { mask-image: var(--icon-Emplois_ESS_ok); } .icon--REP:before { mask-image: var(--icon-REP); } .icon--Ressourcerie_ok:before { mask-image: var(--icon-Ressourcerie_ok); } .icon--TMB-2:before { mask-image: var(--icon-TMB-2); } .icon--TMB:before { mask-image: var(--icon-TMB); } .icon--agreee_SPA3:before { mask-image: var(--icon-agreee_SPA3); } .icon--anneau:before { mask-image: var(--icon-anneau); } .icon--artisant:before { mask-image: var(--icon-artisant); } .icon--batteries:before { mask-image: var(--icon-batteries); } .icon--bio:before { mask-image: var(--icon-bio); } .icon--bioAB:before { mask-image: var(--icon-bioAB); } .icon--bioab:before { mask-image: var(--icon-bioab); } .icon--broyage_bois:before { mask-image: var(--icon-broyage_bois); } .icon--carte_identite:before { mask-image: var(--icon-carte_identite); } .icon--checked:before { mask-image: var(--icon-checked); } .icon--checked2:before { mask-image: var(--icon-checked2); } .icon--circle_down:before { mask-image: var(--icon-circle_down); } .icon--circle_down2:before { mask-image: var(--icon-circle_down2); } .icon--circle_up:before { mask-image: var(--icon-circle_up); } .icon--circle_up2:before { mask-image: var(--icon-circle_up2); } .icon--comparaison:before { mask-image: var(--icon-comparaison); } .icon--competence_collecte:before { mask-image: var(--icon-competence_collecte); } .icon--competence_traitement:before { mask-image: var(--icon-competence_traitement); } .icon--compost:before { mask-image: var(--icon-compost); } .icon--compostage:before { mask-image: var(--icon-compostage); } .icon--consommation-denergie_ok:before { mask-image: var(--icon-consommation-denergie_ok); } .icon--consommation-durable_ok:before { mask-image: var(--icon-consommation-durable_ok); } .icon--decheterie:before { mask-image: var(--icon-decheterie); } .icon--dechets-dangereux_ok:before { mask-image: var(--icon-dechets-dangereux_ok); } .icon--deee_GEMF:before { mask-image: var(--icon-deee_GEMF); } .icon--deee_GEMHF:before { mask-image: var(--icon-deee_GEMHF); } .icon--deee_smartphone:before { mask-image: var(--icon-deee_smartphone); } .icon--default:before { mask-image: var(--icon-default); } .icon--default1:before { mask-image: var(--icon-default1); } .icon--default2:before { mask-image: var(--icon-default2); } .icon--default3:before { mask-image: var(--icon-default3); } .icon--default4:before { mask-image: var(--icon-default4); } .icon--dessin_essai:before { mask-image: var(--icon-dessin_essai); } .icon--ecolabel_ok:before { mask-image: var(--icon-ecolabel_ok); } .icon--economie_circulaire:before { mask-image: var(--icon-economie_circulaire); } .icon--energie:before { mask-image: var(--icon-energie); } .icon--enfouissement:before { mask-image: var(--icon-enfouissement); } .icon--euro:before { mask-image: var(--icon-euro); } .icon--financement:before { mask-image: var(--icon-financement); } .icon--fliere_rep:before { mask-image: var(--icon-fliere_rep); } .icon--gaspillage-alimentaire_ok:before { mask-image: var(--icon-gaspillage-alimentaire_ok); } .icon--hash:before { mask-image: var(--icon-hash); } .icon--help:before { mask-image: var(--icon-help); } .icon--illustration_poubelle:before { mask-image: var(--icon-illustration_poubelle); } .icon--incineration:before { mask-image: var(--icon-incineration); } .icon--lenergie-eolienne_ok:before { mask-image: var(--icon-lenergie-eolienne_ok); } .icon--légumes:before { mask-image: var(--icon-légumes); } .icon--metabolisme:before { mask-image: var(--icon-metabolisme); } .icon--minus-circle:before { mask-image: var(--icon-minus-circle); } .icon--minus:before { mask-image: var(--icon-minus); } .icon--méthanisation:before { mask-image: var(--icon-méthanisation); } .icon--objectif:before { mask-image: var(--icon-objectif); } .icon--organisations_ok:before { mask-image: var(--icon-organisations_ok); } .icon--panneau-solaire:before { mask-image: var(--icon-panneau-solaire); } .icon--phone:before { mask-image: var(--icon-phone); } .icon--plus-circle:before { mask-image: var(--icon-plus-circle); } .icon--plus:before { mask-image: var(--icon-plus); } .icon--population:before { mask-image: var(--icon-population); } .icon--poubelle:before { mask-image: var(--icon-poubelle); } .icon--poubelleDMA:before { mask-image: var(--icon-poubelleDMA); } .icon--prelevement_eau_ok:before { mask-image: var(--icon-prelevement_eau_ok); } .icon--print:before { mask-image: var(--icon-print); } .icon--recyclage:before { mask-image: var(--icon-recyclage); } .icon--reload:before { mask-image: var(--icon-reload); } .icon--sensibilisation_ok:before { mask-image: var(--icon-sensibilisation_ok); } .icon--stockage_dechets_ok:before { mask-image: var(--icon-stockage_dechets_ok); } .icon--surfaceagri:before { mask-image: var(--icon-surfaceagri); } .icon--territoire:before { mask-image: var(--icon-territoire); } .icon--test:before { mask-image: var(--icon-test); } .icon--tonnage:before { mask-image: var(--icon-tonnage); } .icon--tracteur_ok:before { mask-image: var(--icon-tracteur_ok); } .icon--unchecked:before { mask-image: var(--icon-unchecked); } .icon--valorisation_matiere_ok:before { mask-image: var(--icon-valorisation_matiere_ok); } .icon--warning:before { mask-image: var(--icon-warning); } .icon--window-close:before { mask-image: var(--icon-window-close); } .icon--zoom:before { mask-image: var(--icon-zoom); }

Démarche PLPDMA