2016-02-02 13:32:02 +00:00
|
|
|
@import 'constants';
|
|
|
|
|
|
|
|
|
|
|
|
#WRAPPER > #HEADER{
|
|
|
|
// Icone du site
|
|
|
|
& > .icon{
|
|
|
|
display: block;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
2016-02-18 21:33:20 +00:00
|
|
|
width: $menu-side-width;
|
|
|
|
height: $menu-side-width;
|
2016-02-02 13:32:02 +00:00
|
|
|
|
|
|
|
background-color: darken($theme-color, 10);
|
2016-02-03 22:22:18 +00:00
|
|
|
background-image: url('/f/svg/icon/st');
|
2016-02-02 13:32:02 +00:00
|
|
|
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{
|
2016-02-03 22:22:18 +00:00
|
|
|
background-image: url('/f/svg/loader/st');
|
2016-02-02 13:32:02 +00:00
|
|
|
background-size: 70% 70%;
|
|
|
|
}
|
|
|
|
|
2016-02-02 13:03:22 +00:00
|
|
|
}
|