140 lines
3.7 KiB
CSS
Executable File
140 lines
3.7 KiB
CSS
Executable File
/**
|
|
* All of the CSS for your public-facing functionality should be
|
|
* included in this file.
|
|
*/
|
|
/**
|
|
* Environment for all styles (variables, additions, etc).
|
|
*/
|
|
/*--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------*/
|
|
.is-style-cnvs-heading-numbered {
|
|
--cnvs-heading-numbered-background: #ced4da;
|
|
--cnvs-heading-numbered-color: white;
|
|
--cnvs-heading-numbered-border-radius: 50rem;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
.content,
|
|
.entry-content {
|
|
counter-reset: h2;
|
|
}
|
|
|
|
.content h2,
|
|
.entry-content h2 {
|
|
counter-reset: h3;
|
|
}
|
|
|
|
.content h3,
|
|
.entry-content h3 {
|
|
counter-reset: h4;
|
|
}
|
|
|
|
.content h4,
|
|
.entry-content h4 {
|
|
counter-reset: h5;
|
|
}
|
|
|
|
.content h5,
|
|
.entry-content h5 {
|
|
counter-reset: h6;
|
|
}
|
|
|
|
.is-style-cnvs-heading-numbered {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.is-style-cnvs-heading-numbered:before {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
h2.is-style-cnvs-heading-numbered:before {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
padding-left: 0.34em;
|
|
padding-right: 0.34em;
|
|
height: 1.25em;
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 1.25em;
|
|
flex: 0 0 1.25em;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
white-space: nowrap;
|
|
border-radius: var(--cnvs-heading-numbered-border-radius);
|
|
background: var(--cnvs-heading-numbered-background);
|
|
color: var(--cnvs-heading-numbered-color);
|
|
counter-increment: h2;
|
|
content: counter(h2);
|
|
}
|
|
|
|
h3.is-style-cnvs-heading-numbered:before {
|
|
counter-increment: h3;
|
|
content: counter(h3);
|
|
}
|
|
|
|
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3);
|
|
}
|
|
|
|
h4.is-style-cnvs-heading-numbered:before {
|
|
counter-increment: h4;
|
|
content: counter(h4);
|
|
}
|
|
|
|
h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3) "." counter(h4);
|
|
}
|
|
|
|
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3) "." counter(h4);
|
|
}
|
|
|
|
h5.is-style-cnvs-heading-numbered:before {
|
|
counter-increment: h5;
|
|
content: counter(h5);
|
|
}
|
|
|
|
h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h4) "." counter(h5);
|
|
}
|
|
|
|
h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3) "." counter(h4) "." counter(h5);
|
|
}
|
|
|
|
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5);
|
|
}
|
|
|
|
h6.is-style-cnvs-heading-numbered:before {
|
|
counter-increment: h6;
|
|
content: counter(h6);
|
|
}
|
|
|
|
h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h5) "." counter(h6);
|
|
}
|
|
|
|
h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h4) "." counter(h5) "." counter(h6);
|
|
}
|
|
|
|
h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
|
|
}
|
|
|
|
h2.is-style-cnvs-heading-numbered ~ h3.is-style-cnvs-heading-numbered ~ h4.is-style-cnvs-heading-numbered ~ h5.is-style-cnvs-heading-numbered ~ h6.is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
|
|
}
|