zeus.ugent.be/content/assets/stylesheets/includes/cammie.scss

75 lines
1.1 KiB
SCSS

#cammie-body {
position: relative;
#cammie-ctrls {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
transition: opacity 1s ease-in-out;
z-index: 5;
opacity: 0;
position: absolute;
top: 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);
}
}
}
}
#cammie-section {
button{
background-color: $orange;
color: white;
margin-top: 5px;
border-radius: 0;
border: none;
width: 100%;
&:hover{
color: #363636;
}
&:active{
background-color: #b36b00; //dark orange
color: #363636;
}
}
}
.overlay {
position: relative;
left: 0;
top: 0;
transform: translateX(-100%);
}