mirror of
https://github.com/kognise/water.css.git
synced 2026-01-10 07:06:13 +01:00
Adding support for details and summary tag
This commit is contained in:
parent
c9e5cc9ec0
commit
1088f6e2f8
27 changed files with 299 additions and 19 deletions
38
dist/light.standalone.css
vendored
38
dist/light.standalone.css
vendored
|
|
@ -469,4 +469,42 @@ tbody tr:nth-child(even) {
|
|||
background-color: var(--selection);
|
||||
}
|
||||
|
||||
details {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
background-color: var(--background-alt);
|
||||
padding: 10px 10px 0;
|
||||
margin: 1em 0;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
details[open] {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
details > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
details[open] summary {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
background-color: var(--background);
|
||||
padding: 10px;
|
||||
margin: -10px -10px 0;
|
||||
}
|
||||
|
||||
summary + * {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
summary::-webkit-details-marker {
|
||||
color: var(--text-main);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=light.standalone.css.map */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue