mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-25 20:40:36 +03:00
M: Add animation to details element
This commit is contained in:
parent
56a7985bcb
commit
fb705249bb
|
@ -23,12 +23,12 @@
|
|||
}
|
||||
|
||||
html {
|
||||
interpolate-size: allow-keywords;
|
||||
|
||||
text-size-adjust: none;
|
||||
|
||||
hanging-punctuation: first last;
|
||||
color-scheme: dark light;
|
||||
|
||||
interpolate-size: allow-keywords;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -54,8 +54,6 @@
|
|||
}
|
||||
|
||||
:root {
|
||||
interpolate-size: allow-keywords;
|
||||
|
||||
font-size: var(--font-size-base);
|
||||
line-height: var(--line-height);
|
||||
font-family: var(--font-main);
|
||||
|
@ -142,6 +140,23 @@
|
|||
content: '–\2009';
|
||||
}
|
||||
|
||||
details {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
details::details-content {
|
||||
block-size: 0;
|
||||
|
||||
transition-property: block-size, content-visibility;
|
||||
transition-duration: var(--duration-dropdown);
|
||||
transition-timing-function: var(--ease-in-out);
|
||||
transition-behavior: allow-discrete;
|
||||
}
|
||||
|
||||
details[open]::details-content {
|
||||
block-size: auto;
|
||||
}
|
||||
|
||||
summary {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
|
|
Loading…
Reference in New Issue
Block a user