zeus.ugent.be/content/assets/stylesheets/includes/cammie.scss
2016-08-30 21:45:27 +02:00

52 lines
828 B
SCSS

#cammie-body {
position: relative;
#cammie-ctrls {
display: flex;
justify-content: space-between;
flex-direction: column;
height: 100%;
width: 100%;
transition: opacity 1s ease-in-out;
z-index: 5;
opacity: 0;
position: absolute;
top: 0;
left: 0;
.columns {
margin: 0;
}
.center {
flex: 1;
}
&.display {
transition: opacity .5s ease-in-out;
opacity: 1;
}
.ctrl {
height: 100%;
// Center arrows
display: flex;
justify-content: space-around;
align-items: center;
background-color: $cammie-controls-color;
color: white;
&:hover {
background-color: $zeus_orange;
cursor: pointer;
}
&.diag i {
transform: rotate(45deg);
}
}
}
}