123 lines
5.0 KiB
CSS
123 lines
5.0 KiB
CSS
/**
|
|
* 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: 50%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
.editor-styles-wrapper {
|
|
counter-reset: h2;
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-2"] {
|
|
counter-increment: h2;
|
|
counter-reset: h3;
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-3"] {
|
|
counter-increment: h3;
|
|
counter-reset: h4;
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-4"] {
|
|
counter-increment: h4;
|
|
counter-reset: h5;
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-5"] {
|
|
counter-increment: h5;
|
|
counter-reset: h6;
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-6"] {
|
|
counter-increment: h6;
|
|
}
|
|
|
|
.editor-styles-wrapper .is-style-cnvs-heading-numbered:before {
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-2"].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;
|
|
float: left;
|
|
height: 2.5rem;
|
|
width: 2.5rem;
|
|
border-radius: var(--cnvs-heading-numbered-border-radius);
|
|
background: var(--cnvs-heading-numbered-background);
|
|
color: var(--cnvs-heading-numbered-color);
|
|
content: counter(h2);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-3"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-2"] ~ .wp-block[data-heading="cnvs-heading-numbered-3"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-4"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h4);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-3"] ~ .wp-block[data-heading="cnvs-heading-numbered-4"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3) "." counter(h4);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-2"] ~ .wp-block[data-heading="cnvs-heading-numbered-3"] ~ .wp-block[data-heading="cnvs-heading-numbered-4"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3) "." counter(h4);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-5"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h5);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-4"] ~ .wp-block[data-heading="cnvs-heading-numbered-5"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h4) "." counter(h5);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-3"] ~ .wp-block[data-heading="cnvs-heading-numbered-4"] ~ .wp-block[data-heading="cnvs-heading-numbered-5"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3) "." counter(h4) "." counter(h5);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-2"] ~ .wp-block[data-heading="cnvs-heading-numbered-3"] ~ .wp-block[data-heading="cnvs-heading-numbered-4"] ~ .wp-block[data-heading="cnvs-heading-numbered-5"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-6"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h6);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-5"] ~ .wp-block[data-heading="cnvs-heading-numbered-6"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h5) "." counter(h6);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-4"] ~ .wp-block[data-heading="cnvs-heading-numbered-5"] ~ .wp-block[data-heading="cnvs-heading-numbered-6"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h4) "." counter(h5) "." counter(h6);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-3"] ~ .wp-block[data-heading="cnvs-heading-numbered-4"] ~ .wp-block[data-heading="cnvs-heading-numbered-5"] ~ .wp-block[data-heading="cnvs-heading-numbered-6"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
|
|
}
|
|
|
|
.editor-styles-wrapper .wp-block[data-heading="cnvs-heading-numbered-2"] ~ .wp-block[data-heading="cnvs-heading-numbered-3"] ~ .wp-block[data-heading="cnvs-heading-numbered-4"] ~ .wp-block[data-heading="cnvs-heading-numbered-5"] ~ .wp-block[data-heading="cnvs-heading-numbered-6"].is-style-cnvs-heading-numbered:before {
|
|
content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6);
|
|
}
|