@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/iconv3.svg'); background-position: center center; background-repeat: no-repeat; background-size: 50% 50%; cursor: pointer; transition: all .3s; } /* Animation de chargement qudnd chargement ajax */ &.loading > .icon{ background-image: url('/src/static/loaderv2.svg'); background-size: 70% 70%; } // Icone de notification & > .logout-icon{ display: block; position: absolute; top: 0; left: calc( 100% - #{$menu-side-width} ); width: $menu-side-width; height: $menu-side-width; background: transparent url('/src/static/logout@e0e7ed.svg') center center no-repeat; background-size: 40%; cursor: pointer; &:hover{ background-image: url('/src/static/logout@ffffff.svg'); } } }