fix: transitions don't work for values that aren't fixed
This commit is contained in:
parent
6acd3f31fc
commit
4baa16eaa5
3 changed files with 3 additions and 5 deletions
4
package-lock.json
generated
4
package-lock.json
generated
|
@ -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",
|
||||||
|
|
|
@ -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": {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Reference in a new issue