first commit
This commit is contained in:
CHIEFSOFT\ameye
+164
@@ -0,0 +1,164 @@
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
[class*="is-style-cnvs-list-styled"] {
|
||||
--cnvs-list-styled-line-height: 1.5;
|
||||
--cnvs-list-styled-font-size: 1rem;
|
||||
--cnvs-list-styled-children-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ul-box-background: #ced4da;
|
||||
--cnvs-list-styled-ul-box-border-radius: 0;
|
||||
--cnvs-list-styled-ul-positive-box-color: #28a745;
|
||||
--cnvs-list-styled-ul-negative-box-color: #dc3545;
|
||||
--cnvs-list-styled-ol-box-color: #495057;
|
||||
--cnvs-list-styled-ol-box-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ol-box-font-weight: 600;
|
||||
--cnvs-list-styled-ol-box-background-color: #e9ecef;
|
||||
--cnvs-list-styled-ol-box-border-radius: 50%;
|
||||
--cnvs-list-styled-ol-positive-box-background-color: #28a745;
|
||||
--cnvs-list-styled-ol-negative-box-background-color: #dc3545;
|
||||
--cnvs-list-styled-ol-positive-box-color: #fff;
|
||||
--cnvs-list-styled-ol-negative-box-color: #fff;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative {
|
||||
line-height: var(--cnvs-list-styled-line-height);
|
||||
list-style: none;
|
||||
font-size: var(--cnvs-list-styled-font-size);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative:not(:first-child) {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled:not(:last-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive:not(:last-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative:not(:last-child) {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled li:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive li:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative li:not(:first-child) {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled > li,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive > li,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative > li {
|
||||
position: relative;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled > li:before,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive > li:before,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative > li:before {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-positive,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-negative {
|
||||
counter-reset: ol;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled > li:before,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-positive > li:before,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
content: counter(ol);
|
||||
counter-increment: ol;
|
||||
color: var(--cnvs-list-styled-ol-box-color);
|
||||
font-size: var(--cnvs-list-styled-ol-box-font-size);
|
||||
font-weight: var(--cnvs-list-styled-ol-box-font-weight);
|
||||
background-color: var(--cnvs-list-styled-ol-box-background-color);
|
||||
border-radius: var(--cnvs-list-styled-ol-box-border-radius);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled > li:before {
|
||||
content: '';
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
background: var(--cnvs-list-styled-ul-box-background);
|
||||
border-radius: var(--cnvs-list-styled-ul-box-border-radius);
|
||||
margin-top: 0.75rem;
|
||||
right: 1rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ul,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ol,
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ol,
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ul {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
padding-right: 0;
|
||||
font-size: var(--cnvs-list-styled-children-font-size);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ul > li:not(:first-child),
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ul > li:not(:first-child) {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-positive > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-positive-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-positive-box-color);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-negative-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-negative-box-color);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-positive > li:before,
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
font-family: 'canvas-icons';
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-positive > li:before {
|
||||
content: "\e912";
|
||||
color: var(--cnvs-list-styled-ul-positive-box-color);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
content: "\e913";
|
||||
color: var(--cnvs-list-styled-ul-negative-box-color);
|
||||
}
|
||||
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ol,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ol.is-style-cnvs-list-styled, .editor-block-styles__item-preview .editor-styles-wrapper ol.is-style-cnvs-list-styled-positive, .editor-block-styles__item-preview .editor-styles-wrapper ol.is-style-cnvs-list-styled-negative,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul.is-style-cnvs-list-styled,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul.is-style-cnvs-list-styled-positive,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul.is-style-cnvs-list-styled-negative {
|
||||
padding-right: 0;
|
||||
}
|
||||
@@ -0,0 +1,164 @@
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
[class*="is-style-cnvs-list-styled"] {
|
||||
--cnvs-list-styled-line-height: 1.5;
|
||||
--cnvs-list-styled-font-size: 1rem;
|
||||
--cnvs-list-styled-children-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ul-box-background: #ced4da;
|
||||
--cnvs-list-styled-ul-box-border-radius: 0;
|
||||
--cnvs-list-styled-ul-positive-box-color: #28a745;
|
||||
--cnvs-list-styled-ul-negative-box-color: #dc3545;
|
||||
--cnvs-list-styled-ol-box-color: #495057;
|
||||
--cnvs-list-styled-ol-box-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ol-box-font-weight: 600;
|
||||
--cnvs-list-styled-ol-box-background-color: #e9ecef;
|
||||
--cnvs-list-styled-ol-box-border-radius: 50%;
|
||||
--cnvs-list-styled-ol-positive-box-background-color: #28a745;
|
||||
--cnvs-list-styled-ol-negative-box-background-color: #dc3545;
|
||||
--cnvs-list-styled-ol-positive-box-color: #fff;
|
||||
--cnvs-list-styled-ol-negative-box-color: #fff;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative {
|
||||
line-height: var(--cnvs-list-styled-line-height);
|
||||
list-style: none;
|
||||
font-size: var(--cnvs-list-styled-font-size);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative:not(:first-child) {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled:not(:last-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive:not(:last-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative:not(:last-child) {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled li:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive li:not(:first-child),
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative li:not(:first-child) {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled > li,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive > li,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative > li {
|
||||
position: relative;
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled > li:before,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-positive > li:before,
|
||||
.editor-styles-wrapper .is-style-cnvs-list-styled-negative > li:before {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-positive,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-negative {
|
||||
counter-reset: ol;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled > li:before,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-positive > li:before,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
content: counter(ol);
|
||||
counter-increment: ol;
|
||||
color: var(--cnvs-list-styled-ol-box-color);
|
||||
font-size: var(--cnvs-list-styled-ol-box-font-size);
|
||||
font-weight: var(--cnvs-list-styled-ol-box-font-weight);
|
||||
background-color: var(--cnvs-list-styled-ol-box-background-color);
|
||||
border-radius: var(--cnvs-list-styled-ol-box-border-radius);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled > li:before {
|
||||
content: '';
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
background: var(--cnvs-list-styled-ul-box-background);
|
||||
border-radius: var(--cnvs-list-styled-ul-box-border-radius);
|
||||
margin-top: 0.75rem;
|
||||
left: 1rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ul,
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ol,
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ol,
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ul {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
padding-left: 0;
|
||||
font-size: var(--cnvs-list-styled-children-font-size);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ul > li:not(:first-child),
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled ul > li:not(:first-child) {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-positive > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-positive-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-positive-box-color);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-negative-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-negative-box-color);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-positive > li:before,
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
font-family: 'canvas-icons';
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-positive > li:before {
|
||||
content: "\e912";
|
||||
color: var(--cnvs-list-styled-ul-positive-box-color);
|
||||
}
|
||||
|
||||
.editor-styles-wrapper ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
content: "\e913";
|
||||
color: var(--cnvs-list-styled-ul-negative-box-color);
|
||||
}
|
||||
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ol,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ol.is-style-cnvs-list-styled, .editor-block-styles__item-preview .editor-styles-wrapper ol.is-style-cnvs-list-styled-positive, .editor-block-styles__item-preview .editor-styles-wrapper ol.is-style-cnvs-list-styled-negative,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul.is-style-cnvs-list-styled,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul.is-style-cnvs-list-styled-positive,
|
||||
.editor-block-styles__item-preview .editor-styles-wrapper ul.is-style-cnvs-list-styled-negative {
|
||||
padding-left: 0;
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
[class*="is-style-cnvs-list-styled"] {
|
||||
--cnvs-list-styled-line-height: 1.5;
|
||||
--cnvs-list-styled-font-size: 1rem;
|
||||
--cnvs-list-styled-children-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ul-box-background: #ced4da;
|
||||
--cnvs-list-styled-ul-box-border-radius: 0;
|
||||
--cnvs-list-styled-ul-positive-box-color: #28a745;
|
||||
--cnvs-list-styled-ul-negative-box-color: #dc3545;
|
||||
--cnvs-list-styled-ol-box-color: #495057;
|
||||
--cnvs-list-styled-ol-box-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ol-box-font-weight: 600;
|
||||
--cnvs-list-styled-ol-box-background-color: #e9ecef;
|
||||
--cnvs-list-styled-ol-box-border-radius: 50%;
|
||||
--cnvs-list-styled-ol-positive-box-background-color: #28a745;
|
||||
--cnvs-list-styled-ol-negative-box-background-color: #dc3545;
|
||||
--cnvs-list-styled-ol-positive-box-color: #fff;
|
||||
--cnvs-list-styled-ol-negative-box-color: #fff;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.is-style-cnvs-list-styled,
|
||||
.is-style-cnvs-list-styled-positive,
|
||||
.is-style-cnvs-list-styled-negative {
|
||||
line-height: var(--cnvs-list-styled-line-height);
|
||||
list-style: none;
|
||||
font-size: var(--cnvs-list-styled-font-size);
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled:not(:first-child),
|
||||
.is-style-cnvs-list-styled-positive:not(:first-child),
|
||||
.is-style-cnvs-list-styled-negative:not(:first-child) {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled:not(:last-child),
|
||||
.is-style-cnvs-list-styled-positive:not(:last-child),
|
||||
.is-style-cnvs-list-styled-negative:not(:last-child) {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled li:not(:first-child),
|
||||
.is-style-cnvs-list-styled-positive li:not(:first-child),
|
||||
.is-style-cnvs-list-styled-negative li:not(:first-child) {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled > li,
|
||||
.is-style-cnvs-list-styled-positive > li,
|
||||
.is-style-cnvs-list-styled-negative > li {
|
||||
position: relative;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled > li:before,
|
||||
.is-style-cnvs-list-styled-positive > li:before,
|
||||
.is-style-cnvs-list-styled-negative > li:before {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled,
|
||||
ol.is-style-cnvs-list-styled-positive,
|
||||
ol.is-style-cnvs-list-styled-negative {
|
||||
counter-reset: ol;
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled > li:before,
|
||||
ol.is-style-cnvs-list-styled-positive > li:before,
|
||||
ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
content: counter(ol);
|
||||
counter-increment: ol;
|
||||
color: var(--cnvs-list-styled-ol-box-color);
|
||||
font-size: var(--cnvs-list-styled-ol-box-font-size);
|
||||
font-weight: var(--cnvs-list-styled-ol-box-font-weight);
|
||||
background-color: var(--cnvs-list-styled-ol-box-background-color);
|
||||
border-radius: var(--cnvs-list-styled-ol-box-border-radius);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled > li:before {
|
||||
content: '';
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
margin-top: 0.75rem;
|
||||
right: 1rem;
|
||||
background: var(--cnvs-list-styled-ul-box-background);
|
||||
border-radius: var(--cnvs-list-styled-ul-box-border-radius);
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled ul,
|
||||
ol.is-style-cnvs-list-styled ol,
|
||||
ul.is-style-cnvs-list-styled ol,
|
||||
ul.is-style-cnvs-list-styled ul {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
padding-right: 0;
|
||||
font-size: var(--cnvs-list-styled-children-font-size);
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled ul > li:not(:first-child),
|
||||
ol.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
ul.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
ul.is-style-cnvs-list-styled ul > li:not(:first-child) {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled-positive > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-positive-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-positive-box-color);
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-negative-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-negative-box-color);
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled-positive > li:before,
|
||||
ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
font-family: 'canvas-icons';
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled-positive > li:before {
|
||||
content: "\e912";
|
||||
color: var(--cnvs-list-styled-ul-positive-box-color);
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
content: "\e913";
|
||||
color: var(--cnvs-list-styled-ul-negative-box-color);
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
/**
|
||||
* All of the CSS for your public-facing functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
[class*="is-style-cnvs-list-styled"] {
|
||||
--cnvs-list-styled-line-height: 1.5;
|
||||
--cnvs-list-styled-font-size: 1rem;
|
||||
--cnvs-list-styled-children-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ul-box-background: #ced4da;
|
||||
--cnvs-list-styled-ul-box-border-radius: 0;
|
||||
--cnvs-list-styled-ul-positive-box-color: #28a745;
|
||||
--cnvs-list-styled-ul-negative-box-color: #dc3545;
|
||||
--cnvs-list-styled-ol-box-color: #495057;
|
||||
--cnvs-list-styled-ol-box-font-size: 0.875rem;
|
||||
--cnvs-list-styled-ol-box-font-weight: 600;
|
||||
--cnvs-list-styled-ol-box-background-color: #e9ecef;
|
||||
--cnvs-list-styled-ol-box-border-radius: 50%;
|
||||
--cnvs-list-styled-ol-positive-box-background-color: #28a745;
|
||||
--cnvs-list-styled-ol-negative-box-background-color: #dc3545;
|
||||
--cnvs-list-styled-ol-positive-box-color: #fff;
|
||||
--cnvs-list-styled-ol-negative-box-color: #fff;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------*/
|
||||
.is-style-cnvs-list-styled,
|
||||
.is-style-cnvs-list-styled-positive,
|
||||
.is-style-cnvs-list-styled-negative {
|
||||
line-height: var(--cnvs-list-styled-line-height);
|
||||
list-style: none;
|
||||
font-size: var(--cnvs-list-styled-font-size);
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled:not(:first-child),
|
||||
.is-style-cnvs-list-styled-positive:not(:first-child),
|
||||
.is-style-cnvs-list-styled-negative:not(:first-child) {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled:not(:last-child),
|
||||
.is-style-cnvs-list-styled-positive:not(:last-child),
|
||||
.is-style-cnvs-list-styled-negative:not(:last-child) {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled li:not(:first-child),
|
||||
.is-style-cnvs-list-styled-positive li:not(:first-child),
|
||||
.is-style-cnvs-list-styled-negative li:not(:first-child) {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled > li,
|
||||
.is-style-cnvs-list-styled-positive > li,
|
||||
.is-style-cnvs-list-styled-negative > li {
|
||||
position: relative;
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-list-styled > li:before,
|
||||
.is-style-cnvs-list-styled-positive > li:before,
|
||||
.is-style-cnvs-list-styled-negative > li:before {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled,
|
||||
ol.is-style-cnvs-list-styled-positive,
|
||||
ol.is-style-cnvs-list-styled-negative {
|
||||
counter-reset: ol;
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled > li:before,
|
||||
ol.is-style-cnvs-list-styled-positive > li:before,
|
||||
ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
content: counter(ol);
|
||||
counter-increment: ol;
|
||||
color: var(--cnvs-list-styled-ol-box-color);
|
||||
font-size: var(--cnvs-list-styled-ol-box-font-size);
|
||||
font-weight: var(--cnvs-list-styled-ol-box-font-weight);
|
||||
background-color: var(--cnvs-list-styled-ol-box-background-color);
|
||||
border-radius: var(--cnvs-list-styled-ol-box-border-radius);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled > li:before {
|
||||
content: '';
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
margin-top: 0.75rem;
|
||||
left: 1rem;
|
||||
background: var(--cnvs-list-styled-ul-box-background);
|
||||
border-radius: var(--cnvs-list-styled-ul-box-border-radius);
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled ul,
|
||||
ol.is-style-cnvs-list-styled ol,
|
||||
ul.is-style-cnvs-list-styled ol,
|
||||
ul.is-style-cnvs-list-styled ul {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
padding-left: 0;
|
||||
font-size: var(--cnvs-list-styled-children-font-size);
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled ul > li:not(:first-child),
|
||||
ol.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
ul.is-style-cnvs-list-styled ol > li:not(:first-child),
|
||||
ul.is-style-cnvs-list-styled ul > li:not(:first-child) {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled-positive > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-positive-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-positive-box-color);
|
||||
}
|
||||
|
||||
ol.is-style-cnvs-list-styled-negative > li:before {
|
||||
background-color: var(--cnvs-list-styled-ol-negative-box-background-color);
|
||||
color: var(--cnvs-list-styled-ol-negative-box-color);
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled-positive > li:before,
|
||||
ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
width: 1.5rem;
|
||||
font-family: 'canvas-icons';
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled-positive > li:before {
|
||||
content: "\e912";
|
||||
color: var(--cnvs-list-styled-ul-positive-box-color);
|
||||
}
|
||||
|
||||
ul.is-style-cnvs-list-styled-negative > li:before {
|
||||
content: "\e913";
|
||||
color: var(--cnvs-list-styled-ul-negative-box-color);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=96)}({96:function(e,t,n){e.exports=n(97)},97:function(e,t){var n=wp.i18n.__,r=wp.blocks.registerBlockStyle;r("core/list",{name:"cnvs-list-styled",label:n("Styled")}),r("core/list",{name:"cnvs-list-styled-positive",label:n("Positive")}),r("core/list",{name:"cnvs-list-styled-negative",label:n("Negative")})}});
|
||||
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* WordPress dependencies
|
||||
*/
|
||||
const {
|
||||
__,
|
||||
} = wp.i18n;
|
||||
|
||||
const {
|
||||
registerBlockStyle,
|
||||
} = wp.blocks;
|
||||
|
||||
registerBlockStyle( 'core/list', {
|
||||
name: 'cnvs-list-styled',
|
||||
label: __( 'Styled' ),
|
||||
} );
|
||||
registerBlockStyle( 'core/list', {
|
||||
name: 'cnvs-list-styled-positive',
|
||||
label: __( 'Positive' ),
|
||||
} );
|
||||
registerBlockStyle( 'core/list', {
|
||||
name: 'cnvs-list-styled-negative',
|
||||
label: __( 'Negative' ),
|
||||
} );
|
||||
Reference in New Issue
Block a user