master
Maik de Kruif 2 weeks ago
parent 990640b79a
commit 8513bd9ac5
No known key found for this signature in database
GPG Key ID: DB1A8C782DD43CB3
  1. 15
      themes/maik-blog/assets/scss/_collapsible-block.scss

@ -2,6 +2,8 @@
position: relative; position: relative;
width: 100%; width: 100%;
margin: 30px 0; margin: 30px 0;
border-radius: 10px;
overflow: hidden;
&.tight { &.tight {
margin: 15px 0; margin: 15px 0;
@ -18,9 +20,6 @@
transition: max-height 0.15s ease; transition: max-height 0.15s ease;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
background-color: lighten($light-background-secondary, 5%); background-color: lighten($light-background-secondary, 5%);
.dark-theme & { .dark-theme & {
@ -49,16 +48,9 @@
input[type="checkbox"]:checked { input[type="checkbox"]:checked {
~ .collapsible-block__content { ~ .collapsible-block__content {
max-height: 0; max-height: 0;
border-top: none;
overflow: hidden; overflow: hidden;
} }
~ label {
border-radius: 10px;
transition: border-radius 0.15s ease 0.1s;
}
~ label .collapsible-block__toggle:after { ~ label .collapsible-block__toggle:after {
content: attr(data-label-expand); content: attr(data-label-expand);
} }
@ -70,13 +62,10 @@
justify-content: space-between; justify-content: space-between;
background: $light-background-secondary; background: $light-background-secondary;
padding: 10px; padding: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
min-width: 30px; min-width: 30px;
min-height: 30px; min-height: 30px;
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
transition: border-radius 0s ease 0s;
.dark-theme & { .dark-theme & {
background: $dark-background-secondary; background: $dark-background-secondary;

Loading…
Cancel
Save