/* ========================================================================== 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-agir-picto: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8'%3F>"); --icon-aide_lecture: url("data:image/svg+xml,"); --icon-book: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A%0A"); --icon-checked: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A %0A %0A %0A %0A %0A image/svg%2Bxml%0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-comparaison: 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,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A%0A%0A %0A %0A %0A %0A %0A image/svg%2Bxml%0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-default3: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A%0A%0A %0A %0A %0A %0A %0A image/svg%2Bxml%0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-default4: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A%0A%0A %0A %0A %0A %0A %0A image/svg%2Bxml%0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-emi_combustible_autre: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09%0A%09%0A%0A"); --icon-emi_combustible_bois: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_combustible_chauffage: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_combustible_electricite: url("data:image/svg+xml,"); --icon-emi_combustible_gaz_naturel: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_combustible_petrole: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_combustible_pompe_essence: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_route_atoroute: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A"); --icon-emi_route_route_rocade: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_route_urbain: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_acteur_eco-traitement_dechet: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_acteur_eco: url("data:image/svg+xml,"); --icon-emi_secteur_acteur_eco_decharge: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_acteur_eco_incineration: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_acteur_eco_industrie: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_acteur_eco_tertiaire: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_agriculture-autre: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A"); --icon-emi_secteur_agriculture-culture: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_agriculture-elevage: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_agriculture: url("data:image/svg+xml,"); --icon-emi_secteur_autre_transport: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_residentiel: url("data:image/svg+xml,"); --icon-emi_secteur_trafic_routier: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_secteur_transport: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A"); --icon-emi_vehicule_bus: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_vehicule_deuxroues: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_vehicule_poids_lourds: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emi_vehicule_utilitaire: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A%0A%09%0A%09%0A%0A"); --icon-emi_vehicule_vehiculeparticulier: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%0A"); --icon-emissions: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%0A%09%0A%09%0A%0A"); --icon-en_savoir_plus: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09.st0%7Bfill:%23DCEAAF%3B%7D%0A%09.st1%7Bfill:%23FFFFFF%3B%7D%0A%0A%0A%09%0A%0A%0A%09%0A%09%09%0A%09%09%0A%09%09%0A%09%09%0A%09%09%0A%09%09%0A%09%09%0A%09%0A%0A"); --icon-export: url("data:image/svg+xml,"); --icon-hash: url("data:image/svg+xml,"); --icon-impact_population: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A%0A%0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-impact_surface: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A%0A%0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-information: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09.st0%7Bfill:%2300D3AF%3B%7D%0A%09.st1%7Bfill-rule:evenodd%3Bclip-rule:evenodd%3Bfill:%23FFFFFF%3B%7D%0A%0A%0A%09%0A%09%09%0A%09%09%09%0A%09%09%0A%09%09%0A%09%0A%0A"); --icon-localisation: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0A%0A %0A %0A %0A %0A %0A image/svg%2Bxml%0A %0A %0A %0A %0A %0A %0A %0A %0A"); --icon-minus-circle: url("data:image/svg+xml,"); --icon-particules: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09.st0%7Bfill:%2300D3AF%3B%7D%0A%0A%0A%09%0A%09%0A%0A"); --icon-pesticides: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F>%0Aimage/svg%2Bxml%0A%0A%09.st0%7Bfill:%23213B50%3B%7D%0A%0A

Turoriel