Cosmetics
This commit is contained in:
parent
ab335decd3
commit
cde992a194
12 changed files with 53 additions and 49 deletions
|
|
@ -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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue