SMMP/public_html/css/header.scss

54 lines
1.0 KiB
SCSS
Executable File

@import 'constants';
#WRAPPER > #HEADER{
// Icone du site
& > .icon{
display: block;
position: absolute;
top: 0;
left: 0;
width: $menu-side-width;
height: calc( #{$menu-side-width} - 1px );
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');
}
}
}