collapsable sections - add transition

This commit is contained in:
isUnknown 2024-09-03 12:02:57 +02:00
parent 7efec15b2f
commit 674c65a25e
8 changed files with 35 additions and 28 deletions

View file

@ -52,7 +52,7 @@
.logo {
font-weight: normal;
font-size: var(--font-size-h2);
transition: font-size 0.1s cubic-bezier(0.23, 1, 0.32, 1);
transition: font-size 0.1s var(--curve-quick);
line-height: 1;
}
@ -62,7 +62,7 @@
.logo > *:not(:first-child) {
margin-left: 2.27ch;
transition: margin 0.1s cubic-bezier(0.23, 1, 0.32, 1);
transition: margin 0.1s var(--curve-quick);
}
.social-icons {
@ -105,10 +105,14 @@
transform: rotate(90deg);
}
.arrow-down {
.arrow-right {
font-size: 2rem;
height: 1.5rem;
transform: translateY(-0.2rem);
transform: rotate(0deg);
transition: transform 0.3s var(--curve-quick);
}
.arrow-right.open {
transform: rotate(90deg);
}
.ticket-link {
@ -153,3 +157,7 @@
.strong {
font-weight: bolder;
}
.no-padding {
padding: 0 !important;
}