mirror of
https://github.com/maikka39/Personal-Website.git
synced 2026-10-02 14:46:25 +00:00
Fix border
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user