50 lines
615 B
SCSS
50 lines
615 B
SCSS
|
@import "../variables";
|
||
|
|
@import "../mixins";
|
||
|
|
|
||
|
|
.exos-container {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
|
||
|
|
grid-auto-flow: dense;
|
||
|
|
& div {
|
||
|
|
width: max-content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.exo > p {
|
||
|
|
font-weight: 900;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
& > span {
|
||
|
|
font-size: 0.8em;
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.head {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
@include down(840) {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
& .note {
|
||
|
|
font-size: 1.5em;
|
||
|
|
font-weight: 700;
|
||
|
|
margin-right: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.fail,
|
||
|
|
.red {
|
||
|
|
color: $red;
|
||
|
|
}
|
||
|
|
|
||
|
|
.success,
|
||
|
|
.green {
|
||
|
|
color: $green;
|
||
|
|
}
|
||
|
|
|
||
|
|
.notTrust {
|
||
|
|
color: grey;
|
||
|
|
}
|