38 lines
658 B
SCSS
38 lines
658 B
SCSS
|
@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('/f/svg/icon/st');
|
||
|
|
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('/f/svg/loader/st');
|
||
|
|
background-size: 70% 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|