57 lines
750 B
SCSS
57 lines
750 B
SCSS
|
@import "../variables";
|
||
|
|
@import "../mixins";
|
||
|
|
|
||
|
|
.form {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(2, 1fr);
|
||
|
|
width: 100%;
|
||
|
|
height: 95%;
|
||
|
|
gap: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.options {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
gap: 10px;
|
||
|
|
padding: 30px;
|
||
|
|
@include down(840){
|
||
|
|
grid-column: 1/-1;
|
||
|
|
grid-row: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.back {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
position: relative;
|
||
|
|
left: -45px;
|
||
|
|
&:hover {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.selectExos {
|
||
|
|
height: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
@include down(840){
|
||
|
|
grid-column: 1/-1;
|
||
|
|
grid-row: 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.errors {
|
||
|
|
color: $red;
|
||
|
|
margin: 0;
|
||
|
|
font-weight: 600;
|
||
|
|
width: 100%;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.full-container{
|
||
|
|
min-height: 100%;
|
||
|
|
@include up(840){
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|