|
|
@ -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; |
|
|
|