:hovers and layout
This commit is contained in:
parent
c2d1cb6ce7
commit
ab335decd3
2 changed files with 17 additions and 37 deletions
|
|
@ -241,7 +241,7 @@ details.tree[open]>summary::before {
|
|||
|
||||
details.success_criterion {
|
||||
summary:hover {
|
||||
background-color: $tertiary;
|
||||
background-color: shade-color($tertiary, 40%);
|
||||
|
||||
|
||||
// border-right: solid 4px $primary;
|
||||
|
|
@ -262,7 +262,7 @@ details.success_criterion {
|
|||
@include color-mode(dark) {
|
||||
details.success_criterion {
|
||||
summary:hover {
|
||||
background-color: $tertiary-dark;
|
||||
background-color: shade-color($tertiary-dark, 40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -286,7 +286,6 @@ details.success_criterion[open] {
|
|||
|
||||
@include color-mode(dark) {
|
||||
details.success_criterion[open] {
|
||||
// padding-left: 8px;
|
||||
border: solid 1px $tertiary-dark;
|
||||
|
||||
summary {
|
||||
|
|
@ -295,43 +294,24 @@ details.success_criterion[open] {
|
|||
|
||||
summary:hover {
|
||||
background-color: shade-color($tertiary-dark, 30%);
|
||||
// border-right: solid 4px $primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
details.success_criterion.passed {
|
||||
// border-left: solid 2px $success;
|
||||
details.tree {
|
||||
|
||||
summary:hover,
|
||||
li:has(a):hover {
|
||||
background-color: shade-color($tertiary, 50%);
|
||||
}
|
||||
}
|
||||
|
||||
@include color-mode(dark) {
|
||||
details.tree {
|
||||
|
||||
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;
|
||||
summary:hover,
|
||||
li:has(a):hover {
|
||||
background-color: shade-color($tertiary-dark, 40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue