mirror of
https://github.com/picocss/pico.git
synced 2025-06-15 10:44:53 -04:00
only min-content when card has closed details
This commit is contained in:
parent
ea30e5eee7
commit
28b95e4fd5
1 changed files with 4 additions and 1 deletions
|
@ -7,7 +7,6 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#{$parent-selector} article {
|
#{$parent-selector} article {
|
||||||
height: min-content;
|
|
||||||
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
|
margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
|
||||||
padding: var(#{$css-var-prefix}block-spacing-vertical)
|
padding: var(#{$css-var-prefix}block-spacing-vertical)
|
||||||
var(#{$css-var-prefix}block-spacing-horizontal);
|
var(#{$css-var-prefix}block-spacing-horizontal);
|
||||||
|
@ -15,6 +14,10 @@
|
||||||
background: var(#{$css-var-prefix}card-background-color);
|
background: var(#{$css-var-prefix}card-background-color);
|
||||||
box-shadow: var(#{$css-var-prefix}card-box-shadow);
|
box-shadow: var(#{$css-var-prefix}card-box-shadow);
|
||||||
|
|
||||||
|
&:not(:has(details[open])) {
|
||||||
|
height: min-content;
|
||||||
|
}
|
||||||
|
|
||||||
> header,
|
> header,
|
||||||
> footer,
|
> footer,
|
||||||
> details > summary > header,
|
> details > summary > header,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue