39 lines
749 B
CSS
39 lines
749 B
CSS
|
#header {
|
||
|
|
position: fixed;
|
||
|
|
z-index: 1;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 100%;
|
||
|
|
height: calc(var(--unit--vertical) * 5);
|
||
|
|
padding: var(--unit--vertical) var(--unit--horizontal);
|
||
|
|
|
||
|
|
transition: height 0.2s ease-in-out;
|
||
|
|
}
|
||
|
|
#header.minimized {
|
||
|
|
height: calc(var(--unit--vertical) * 3);
|
||
|
|
}
|
||
|
|
#logo {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header.open #actuel {
|
||
|
|
color: var(--color-background);
|
||
|
|
}
|
||
|
|
#logo #actuel {
|
||
|
|
color: var(--color-primary--transparent);
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
margin-left: calc(var(--unit--horizontal) * 2);
|
||
|
|
}
|
||
|
|
#logo #inactuel {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 0;
|
||
|
|
color: var(--color-secondary);
|
||
|
|
bottom: -48%;
|
||
|
|
transition: bottom 0.2s ease-in-out;
|
||
|
|
}
|
||
|
|
#header.minimized #logo #inactuel {
|
||
|
|
bottom: 0%;
|
||
|
|
}
|