first commit
This commit is contained in:
+122
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* 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);
|
||||
}
|
||||
Reference in New Issue
Block a user