collapsable sections - add transition
This commit is contained in:
parent
7efec15b2f
commit
674c65a25e
8 changed files with 35 additions and 28 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue