Files
n3wt-school/Back-End/static/css/icons.css
Luc SORIGNET af0cd1c840 chore: Initial Commit
feat: Gestion des inscriptions [#1]
feat(frontend): Création des vues pour le paramétrage de l'école [#2]
feat: Gestion du login [#6]
fix: Correction lors de la migration des modèle [#8]
feat: Révision du menu principal [#9]
feat: Ajout d'un footer [#10]
feat: Création des dockers compose pour les environnements de
développement et de production [#12]
doc(ci): Mise en place de Husky et d'un suivi de version automatique [#14]
2024-11-18 16:06:21 +01:00

80 lines
2.6 KiB
CSS

/**
* ICONS
**/
.icon{
display: block;
height: 1.5rem;
width: 1.5rem;
background-color: #8F8F8F;
background: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
}
.icon.user-add{
mask: url(../img/icons/user-add.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/user-add.svg) no-repeat 50% 50%;
}
.icon.directbox-send{
mask: url(../img/icons/directbox-send.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/directbox-send.svg) no-repeat 50% 50%;
}
.icon.arrow-square-up{
mask: url(../img/icons/arrow-square-up.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/arrow-square-up.svg) no-repeat 50% 50% ;
}
.icon.arrow-square-down{
transform: rotate(180deg);
mask: url(../img/icons/arrow-square-up.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/arrow-square-up.svg) no-repeat 50% 50% ;
}
.icon.book{
mask: url(../img/icons/book.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/book.svg) no-repeat 50% 50%;
}
.icon.briefcase{
mask: url(../img/icons/briefcase.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/briefcase.svg) no-repeat 50% 50%;
}
.icon.calculator{
mask: url(../img/icons/calculator.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/calculator.svg) no-repeat 50% 50%;
}
.icon.key{
mask: url(../img/icons/key.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/key.svg) no-repeat 50% 50%;
}
.icon.receipt-edit{
mask: url(../img/icons/receipt-edit.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/receipt-edit.svg) no-repeat 50% 50%;
}
.icon.teacher{
mask: url(../img/icons/teacher.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/teacher.svg) no-repeat 50% 50%;
}
.icon.user-line{
mask: url(../img/icons/user-line.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/user-line.svg) no-repeat 50% 50%;
}
.icon.user{
mask: url(../img/icons/user.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/user.svg) no-repeat 50% 50%;
}
.icon.user-minus{
mask: url(../img/icons/user-minus.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/user-minus.svg) no-repeat 50% 50%;
}
.icon.profile-add{
mask: url(../img/icons/profile-add.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/profile-add.svg) no-repeat 50% 50%;
}
.icon.edit{
mask: url(../img/icons/edit.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/edit.svg) no-repeat 50% 50%;
}
.icon.user-search {
mask: url(../img/icons/user-search.svg) no-repeat 50% 50%;
-webkit-mask: url(../img/icons/user-search.svg) no-repeat 50% 50%;
}