mirror of
https://github.com/papercss/papercss
synced 2024-05-27 11:02:25 +02:00
ensure that collapsible style does not affect inputs and labels inside collapsible-body
This commit is contained in:
parent
7e02a85c28
commit
df96751517
10
dist/paper.css
vendored
10
dist/paper.css
vendored
|
@ -1320,20 +1320,20 @@ table.table-alternating tbody tr:nth-of-type(even) {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 0 0.75rem;
|
padding: 0 0.75rem;
|
||||||
}
|
}
|
||||||
.collapsible input {
|
.collapsible > input {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.collapsible input:checked + label {
|
.collapsible > input:checked + label {
|
||||||
color: #41403e;
|
color: #41403e;
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
.collapsible input[id^=collapsible]:checked ~ div.collapsible-body {
|
.collapsible > input[id^=collapsible]:checked ~ div.collapsible-body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
max-height: 960px;
|
max-height: 960px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
}
|
}
|
||||||
.collapsible label {
|
.collapsible > label {
|
||||||
color: #41403e;
|
color: #41403e;
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
border-bottom-color: #41403e;
|
border-bottom-color: #41403e;
|
||||||
|
@ -1346,7 +1346,7 @@ table.table-alternating tbody tr:nth-of-type(even) {
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.collapsible label:hover {
|
.collapsible > label:hover {
|
||||||
color: #41403e;
|
color: #41403e;
|
||||||
color: var(--muted);
|
color: var(--muted);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -21,7 +21,7 @@
|
||||||
padding: 0 0.75rem;
|
padding: 0 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
> input {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
&:checked + label {
|
&:checked + label {
|
||||||
|
@ -36,7 +36,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
> label {
|
||||||
@include color('color', 'primary');
|
@include color('color', 'primary');
|
||||||
@include color('border-bottom-color', 'muted-light');
|
@include color('border-bottom-color', 'muted-light');
|
||||||
border-bottom-style: solid;
|
border-bottom-style: solid;
|
||||||
|
|
Loading…
Reference in a new issue