Generateurv2/frontend/styles/room/parcoursView.module.scss

117 lines
1.6 KiB
SCSS
Raw Normal View History

2022-06-24 13:42:16 +02:00
@import "../variables";
@import "../mixins";
.onglet-content {
background-color: rgba($background, 0.7);
padding: 20px 10px;
border-radius: 5px;
border-top-left-radius: 0;
}
.title{
display: flex;
align-items: center;
gap: 10px;
& svg{
width: 20px;
height: 20px;
fill: $green;
transition: .2s;
cursor: pointer;
&:hover{
transform: scale(1.1);
}
}
}
.onglet {
display: flex;
//gap: 10px;
@include down(840){
display: none;
}
& .onglet-active {
color: $primary;
font-weight: 800;
transition: 0.3s;
}
& div {
background-color: rgba($background, 0.7);
padding: 10px;
transition: 0.3s;
cursor: pointer;
&:hover {
color: $primary;
}
}
}
.challenger {
margin: 0;
display: flex;
align-items: center;
transition: .3s;
margin-bottom: 10px;
cursor: pointer;
& svg{
transition: .3s;
height: 20px;
width: 20px;
transform: rotate(-90deg);
}
& + div{
margin-left: 20px;
}
}
.active{
font-weight: 900;
& svg{
transform: rotate(0);
}
}
.success{
color: $green;
}
.fail{
color: $red;
}
.noTrust{
color: grey;
}
.success, .fail, .noTrust{
font-weight: 600;
}
.corrige{
font-style: italic;
color: $primary-dark;
text-decoration: underline solid;
cursor: pointer;
transition: .2s;
&:hover{
color: $primary;
}
}
.no-corrige{
font-style: italic;
font-weight: 300;
color: grey;
}
.try{
width: 100%;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
.average{
margin-top: 5px;
}