fix: transitions don't work for values that aren't fixed

This commit is contained in:
Cory Dransfeldt 2024-06-17 12:22:25 -07:00
parent 6acd3f31fc
commit 4baa16eaa5
No known key found for this signature in database
3 changed files with 3 additions and 5 deletions

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.3.23", "version": "19.4.1",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.3.23", "version": "19.4.1",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.4.0", "version": "19.4.1",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

View file

@ -20,7 +20,6 @@
height: 500px; height: 500px;
overflow: hidden; overflow: hidden;
margin-bottom: var(--sizing-base); margin-bottom: var(--sizing-base);
transition: height 0.5s ease-out;
} }
&.text-toggle-hidden::after { &.text-toggle-hidden::after {
@ -37,7 +36,6 @@
& .toggle-checkbox:checked ~ [data-toggle-content] { & .toggle-checkbox:checked ~ [data-toggle-content] {
height: auto; height: auto;
transition: height 0.5s ease-in;
} }
& .toggle-checkbox:checked ~ [data-toggle-content]::after { & .toggle-checkbox:checked ~ [data-toggle-content]::after {