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

76 lines
1.1 KiB
SCSS
Raw Normal View History

2016-08-30 21:45:27 +02:00
#cammie-body {
2016-08-14 10:12:19 +02:00
position: relative;
2016-08-30 21:45:27 +02:00
#cammie-ctrls {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
2016-08-02 19:54:18 +02:00
2016-08-30 21:45:27 +02:00
transition: opacity 1s ease-in-out;
z-index: 5;
opacity: 0;
2016-08-29 15:37:50 +02:00
2016-08-30 21:45:27 +02:00
position: absolute;
top: 0;
2016-08-29 15:37:50 +02:00
2016-08-30 21:45:27 +02:00
.columns {
margin: 0;
}
2016-08-29 00:13:02 +02:00
2016-08-30 21:45:27 +02:00
.center {
flex: 1;
}
2016-08-26 23:21:58 +02:00
2016-08-30 21:45:27 +02:00
&.display {
transition: opacity .5s ease-in-out;
opacity: 1;
}
2016-08-29 15:49:27 +02:00
2016-08-30 21:45:27 +02:00
.ctrl {
height: 100%;
2016-08-29 15:49:27 +02:00
2016-08-30 21:45:27 +02:00
// Center arrows
display: flex;
justify-content: space-around;
align-items: center;
background-color: $cammie-controls-color;
color: white;
&:hover {
2016-11-15 13:39:30 +01:00
background-color: $zeus-orange;
2016-08-30 21:45:27 +02:00
cursor: pointer;
2016-08-29 00:13:02 +02:00
}
2016-08-02 19:54:18 +02:00
2016-08-30 21:45:27 +02:00
&.diag i {
transform: rotate(45deg);
2016-08-29 00:13:02 +02:00
}
2017-12-11 19:52:45 +01:00
2016-08-29 00:13:02 +02:00
}
2016-08-26 23:21:58 +02:00
}
2016-08-02 19:54:18 +02:00
}
2017-12-11 19:52:45 +01:00
#cammie-section {
button{
background-color: $orange;
color: white;
margin-top: 5px;
border-radius: 0;
border: none;
2018-04-14 23:33:56 +02:00
width: 100%;
&:hover{
color: #363636;
}
&:active{
background-color: #b36b00; //dark orange
color: #363636;
}
2017-12-11 19:52:45 +01:00
}
}
2017-12-11 20:03:13 +01:00
.overlay {
position: relative;
left: 0;
top: 0;
transform: translateX(-100%);
2017-12-11 19:52:45 +01:00
}