Cosmetics
Some checks failed
/ Run tests (push) Failing after 1m33s
/ Run system tests (push) Failing after 1m41s
/ Build, push and deploy image (push) Has been skipped

This commit is contained in:
david 2024-11-09 02:26:38 +01:00
parent ab335decd3
commit cde992a194
12 changed files with 53 additions and 49 deletions

View file

@ -1,5 +1,10 @@
$tertiary: $gray-300;
$tertiary-hover: $gray-200;
$tertiary: $gray-400;
$tertiary-active-hover: $gray-300;
$tertiary-dark: $gray-700;
$tertiary-dark-hover: $gray-800;
$tertiary-dark-active-open: $gray-600;
.action-row {
@extend .d-flex;
@ -218,30 +223,9 @@ details.tree[open]>summary::before {
padding-bottom: 0;
}
// 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: shade-color($tertiary, 40%);
background-color: $tertiary-hover;
// border-right: solid 4px $primary;
@ -262,14 +246,13 @@ details.success_criterion {
@include color-mode(dark) {
details.success_criterion {
summary:hover {
background-color: shade-color($tertiary-dark, 40%);
background-color: $tertiary-dark-hover;
}
}
}
details.success_criterion[open] {
// padding-left: 8px;
border: solid 1px $tertiary;
margin-bottom: 2rem;
padding-bottom: 1rem;
@ -279,8 +262,7 @@ details.success_criterion[open] {
}
summary:hover {
background-color: shade-color($tertiary, 30%);
// border-right: solid 4px $primary;
background-color: $tertiary-active-hover;
}
}
@ -293,7 +275,7 @@ details.success_criterion[open] {
}
summary:hover {
background-color: shade-color($tertiary-dark, 30%);
background-color: $tertiary-dark-active-open;
}
}
}
@ -302,7 +284,7 @@ details.tree {
summary:hover,
li:has(a):hover {
background-color: shade-color($tertiary, 50%);
background-color: $tertiary-hover;
}
}
@ -311,7 +293,19 @@ details.tree {
summary:hover,
li:has(a):hover {
background-color: shade-color($tertiary-dark, 40%);
background-color: $tertiary-dark-hover;
}
}
}
.sc-level-a {
background-color: $pink;
}
.sc-level-aa {
background-color: $indigo;
}
.sc-level-aaa {
background-color: $purple;
}