Michael Fabian 'Xaymar' Dirks
797ece883e
This hotfix requires not using that selector at all, which worsens the experience in Chrome.
89 lines
2.2 KiB
SCSS
89 lines
2.2 KiB
SCSS
// --------------------------------------------------------------------------------
|
|
// Details
|
|
// --------------------------------------------------------------------------------
|
|
details.block {
|
|
margin: 0;
|
|
margin-left: -0.75rem;
|
|
margin-right: -0.75rem;
|
|
padding: 0.75rem;
|
|
}
|
|
|
|
details.block > summary {
|
|
margin-top: -0.75rem;
|
|
margin-left: -0.75rem;
|
|
margin-right: -0.75rem;
|
|
margin-bottom: 0.75rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* details.block > summary:has(h1),
|
|
details.block > summary:has(h2),
|
|
details.block > summary:has(h3),
|
|
details.block > summary:has(h4),
|
|
details.block > summary:has(h5),
|
|
details.block > summary:has(h6), */
|
|
details.block > summary[data-has~=h1],
|
|
details.block > summary[data-has~=h2],
|
|
details.block > summary[data-has~=h3],
|
|
details.block > summary[data-has~=h4],
|
|
details.block > summary[data-has~=h5],
|
|
details.block > summary[data-has~=h6] {
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
line-height: 1.333em;
|
|
padding: 0.5rem 0.75rem;
|
|
}
|
|
|
|
/* details.block > summary:has(h1), */
|
|
details.block > summary[data-has~=h1]{
|
|
font-size: 2.0rem;
|
|
background: $theme-article-heading-h1-background;
|
|
}
|
|
|
|
/* details.block > summary:has(h2), */
|
|
details.block > summary[data-has~=h2] {
|
|
font-size: 1.8rem;
|
|
background: $theme-article-heading-h2-background;
|
|
}
|
|
|
|
/* details.block > summary:has(h3), */
|
|
details.block > summary[data-has~=h3] {
|
|
font-size: 1.6667rem;
|
|
background: $theme-article-heading-h3-background;
|
|
}
|
|
|
|
/* details.block > summary:has(h4), */
|
|
details.block > summary[data-has~=h4] {
|
|
font-size: 1.45rem;
|
|
background: $theme-article-heading-h4-background;
|
|
}
|
|
|
|
/* details.block > summary:has(h5), */
|
|
details.block > summary[data-has~=h5] {
|
|
font-size: 1.3333rem;
|
|
background: $theme-article-heading-h5-background;
|
|
}
|
|
|
|
/* details.block > summary:has(h6), */
|
|
details.block > summary[data-has~=h6] {
|
|
font-size: 1.2rem;
|
|
background: $theme-article-heading-h6-background;
|
|
}
|
|
|
|
details.block > summary > h1,
|
|
details.block > summary > h2,
|
|
details.block > summary > h3,
|
|
details.block > summary > h4,
|
|
details.block > summary > h5,
|
|
details.block > summary > h6 {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
font-variant: inherit;
|
|
font-style: inherit;
|
|
color: inherit;
|
|
background-color: transparent;
|
|
}
|