Files
com.xaymar.www/_sass/_block-details.scss
T
Michael Fabian 'Xaymar' Dirks 445d5f45f5 Make <details> appear as a link
2022-11-26 23:32:24 +01:00

59 lines
1.4 KiB
SCSS

// --------------------------------------------------------------------------------
// Details
// --------------------------------------------------------------------------------
.block-details {
margin: 0;
margin-left: -0.75rem;
margin-right: -0.75rem;
padding: 0;
}
.block-details > .content {
margin: 0;
padding: 0.75rem;
}
.block-details > .content > summary {
margin-top: -0.75rem;
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-bottom: 0.75rem;
cursor: pointer;
}
.block-details > .content > summary[data-heading] {
font-variant: small-caps;
font-weight: bold;
padding: 0.5rem 0.75rem;
}
.block-details > .content > summary[data-heading="1"] {
font-size: 2.0rem;
background: $theme-article-heading-h1-background;
}
.block-details > .content > summary[data-heading="2"] {
font-size: 1.8rem;
background: $theme-article-heading-h2-background;
}
.block-details > .content > summary[data-heading="3"] {
font-size: 1.6667rem;
background: $theme-article-heading-h3-background;
}
.block-details > .content > summary[data-heading="4"] {
font-size: 1.45rem;
background: $theme-article-heading-h4-background;
}
.block-details > .content > summary[data-heading="5"] {
font-size: 1.3333rem;
background: $theme-article-heading-h5-background;
}
.block-details > .content > summary[data-heading="6"] {
font-size: 1.2rem;
background: $theme-article-heading-h6-background;
}