SMMP/css/header.scss

@import 'constants';


#WRAPPER > #HEADER{
	// Icone du site
	& > .icon{
		display: block;
		position: absolute;
			top: 0;
			left: 0;
			width: 4em;
			height: 4em;

		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%;
	}

}