diff --git a/dist/paper.css b/dist/paper.css index 65ee224..f839e3f 100644 --- a/dist/paper.css +++ b/dist/paper.css @@ -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; diff --git a/src/components/_accordion.scss b/src/components/_accordion.scss index 0010fd4..f675346 100644 --- a/src/components/_accordion.scss +++ b/src/components/_accordion.scss @@ -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;