@import 'constants'; #WRAPPER > #HEADER{ // Icone du site & > .icon{ display: block; position: absolute; top: 0; left: 0; width: $menu-side-width; height: $menu-side-width; background-color: darken($theme-color, 10); background-image: url('/src/static/icon.svg'); background-position: center center; background-repeat: no-repeat; background-size: 50% 50%; cursor: pointer; transition: all .3s; // @hover &:hover{ background-color: darken($theme-color, 15); } } /* Animation de chargement qudnd chargement ajax */ &.loading > .icon{ background-image: url('/src/static/loader.svg'); background-size: 70% 70%; } }