deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-06 15:56:42 +02:00
Code Issues Projects Releases Wiki Activity

ensure that collapsible style does not affect inputs and labels inside collapsible-body

Browse source
This commit is contained in:
Mehdi El Fadil 2022-03-22 17:41:30 +01:00 committed by Rhyne Vlaservich
parent 7e02a85c28
commit df96751517
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
dist/paper.css vendored
View file

@ -1320,20 +1320,20 @@ table.table-alternating tbody tr:nth-of-type(even) {
overflow: hidden;
padding: 0 0.75rem;
}
.collapsible input {
.collapsible > input {
display: none;
}
.collapsible input:checked + label {
.collapsible > input:checked + label {
color: #41403e;
color: var(--primary);
}
.collapsible input[id^=collapsible]:checked ~ div.collapsible-body {
.collapsible > input[id^=collapsible]:checked ~ div.collapsible-body {
margin: 0;
max-height: 960px;
opacity: 1;
padding: 0.75rem;
}
.collapsible label {
.collapsible > label {
color: #41403e;
color: var(--primary);
border-bottom-color: #41403e;
@ -1346,7 +1346,7 @@ table.table-alternating tbody tr:nth-of-type(even) {
padding: 0.75rem;
text-align: center;
}
.collapsible label:hover {
.collapsible > label:hover {
color: #41403e;
color: var(--muted);
cursor: pointer;

4
src/components/_accordion.scss
View file

@ -21,7 +21,7 @@
padding: 0 0.75rem;
}
input {
> input {
display: none;
&:checked + label {
@ -36,7 +36,7 @@
}
}
label {
> label {
@include color('color', 'primary');
@include color('border-bottom-color', 'muted-light');
border-bottom-style: solid;