feat: change CSS to acount for classes and instances

main
Henrik Böving 2022-01-06 14:19:14 +01:00
parent 598e5835e7
commit e67ea1d1f0
1 changed files with 4 additions and 4 deletions

View File

@ -359,7 +359,7 @@ main h2, main h3, main h4, main h5, main h6 {
margin-top: 4rem; margin-top: 4rem;
} }
.def { .def, .instance {
border-left: 10px solid #92dce5; border-left: 10px solid #92dce5;
border-top: 2px solid #92dce5; border-top: 2px solid #92dce5;
} }
@ -374,7 +374,7 @@ main h2, main h3, main h4, main h5, main h6 {
border-top: 2px solid #f44708; border-top: 2px solid #f44708;
} }
.structure, .inductive { .structure, .inductive, .class {
border-left: 10px solid #f0a202; border-left: 10px solid #f0a202;
border-top: 2px solid #f0a202; border-top: 2px solid #f0a202;
} }
@ -400,7 +400,7 @@ main h2, main h3, main h4, main h5, main h6 {
transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out;
} }
.def .fn:hover { .def .fn:hover, .instance .fn:hover {
background-color: hsla(187, 61%, calc(100% - 5%*var(--fn))); background-color: hsla(187, 61%, calc(100% - 5%*var(--fn)));
box-shadow: 0 0 0 1px hsla(187, 61%, calc(100% - 5%*(var(--fn) + 1))); box-shadow: 0 0 0 1px hsla(187, 61%, calc(100% - 5%*(var(--fn) + 1)));
border-radius: 5px; border-radius: 5px;
@ -415,7 +415,7 @@ main h2, main h3, main h4, main h5, main h6 {
box-shadow: 0 0 0 1px hsla(16, 94%, calc(100% - 5%*(var(--fn) + 1))); box-shadow: 0 0 0 1px hsla(16, 94%, calc(100% - 5%*(var(--fn) + 1)));
border-radius: 5px; border-radius: 5px;
} }
.structure .fn:hover, .inductive .fn:hover { .structure .fn:hover, .inductive .fn:hover, .class .fn:hover {
background-color: hsla(40, 98%, calc(100% - 5%*var(--fn))); background-color: hsla(40, 98%, calc(100% - 5%*var(--fn)));
box-shadow: 0 0 0 1px hsla(40, 98%, calc(100% - 5%*(var(--fn) + 1))); box-shadow: 0 0 0 1px hsla(40, 98%, calc(100% - 5%*(var(--fn) + 1)));
border-radius: 5px; border-radius: 5px;