GUI overhaul
This commit is contained in:
parent
e9743cd00c
commit
0198a22278
14 changed files with 209 additions and 65 deletions
|
|
@ -156,7 +156,12 @@ details.tree {
|
|||
|
||||
>summary.active {
|
||||
border-left: solid 8px $primary;
|
||||
border-right: solid 8px $primary;
|
||||
|
||||
.content {
|
||||
padding-right: 16px;
|
||||
border-right: solid 8px $primary;
|
||||
}
|
||||
|
||||
// border: solid 1px $primary;
|
||||
// background-color: $gray-800;
|
||||
padding-left: 8px;
|
||||
|
|
@ -213,4 +218,88 @@ details.tree[open]>summary::before {
|
|||
|
||||
// summary.active::before {
|
||||
// @include details-icon(to-rgb($primary));
|
||||
// }
|
||||
// }
|
||||
|
||||
.sc-level-a {
|
||||
background-color: $purple;
|
||||
}
|
||||
|
||||
.sc-level-aa {
|
||||
background-color: $orange;
|
||||
}
|
||||
|
||||
.sc-level-aaa {
|
||||
background-color: $teal;
|
||||
}
|
||||
|
||||
.sc-level {
|
||||
font-size: 0.5rem;
|
||||
}
|
||||
|
||||
details.success_criterion {
|
||||
|
||||
summary:hover {
|
||||
background-color: $secondary;
|
||||
// border-right: solid 4px $primary;
|
||||
}
|
||||
|
||||
// padding-left: 22px;
|
||||
.result-icon {
|
||||
width: 3rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
>.content {
|
||||
padding-left: 4rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
// details.success_criterion::details-content {
|
||||
// padding-left: 4rem;
|
||||
// }
|
||||
|
||||
|
||||
details.success_criterion[open] {
|
||||
// padding-left: 8px;
|
||||
border-right: solid 16px $primary;
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: solid 1px $secondary;
|
||||
}
|
||||
|
||||
details.success_criterion.passed {
|
||||
// border-left: solid 2px $success;
|
||||
}
|
||||
|
||||
|
||||
details.success_criterion.failed {
|
||||
// border-left: solid 2px $danger
|
||||
}
|
||||
|
||||
|
||||
details.success_criterion.not_applicable {
|
||||
// border-left: solid 2px $secondary;
|
||||
}
|
||||
|
||||
details.success_criterion[open] {
|
||||
// border-left: solid 16px $warning;
|
||||
// padding-left: 8px;
|
||||
}
|
||||
|
||||
details.success_criterion[open].passed {
|
||||
// border-left: solid 16px $success;
|
||||
// padding-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
details.success_criterion[open].failed {
|
||||
// border-left: solid 16px $danger;
|
||||
// padding-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
details.success_criterion[open].not_applicable {
|
||||
// border-left: solid 16px $secondary;
|
||||
// padding-left: 8px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue