first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.wp-block-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 760px) and (min-width: 760px) {
|
||||
.wp-block-group > .is-block-content {
|
||||
max-width: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bordered {
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
border: 1px solid var(--cnvs-style-single-border-color);
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border {
|
||||
--cnvs-style-single-border-width: 1px;
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
--cnvs-style-single-margin: 2rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:before {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:after {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
border: none;
|
||||
padding-right: var(--cnvs-style-single-margin);
|
||||
border-right: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright:before, .is-style-cnvs-block-single-border.alignright:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft {
|
||||
border: none;
|
||||
padding-left: var(--cnvs-style-single-margin);
|
||||
border-left: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft:before, .is-style-cnvs-block-single-border.alignleft:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-light {
|
||||
--cnvs-style-bg-light-background: #f8f9fa;
|
||||
--cnvs-style-bg-light-padding: 40px;
|
||||
background: var(--cnvs-style-bg-light-background);
|
||||
padding: var(--cnvs-style-bg-light-padding);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-inverse {
|
||||
--cnvs-style-bg-inverse-background: black;
|
||||
--cnvs-style-bg-inverse-color: #fff;
|
||||
--cnvs-style-bg-inverse-padding: 40px;
|
||||
background: var(--cnvs-style-bg-inverse-background);
|
||||
padding: var(--cnvs-style-bg-inverse-padding);
|
||||
color: var(--cnvs-style-bg-inverse-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-shadow {
|
||||
--cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08);
|
||||
--cnvs-style-shadow-padding: 40px;
|
||||
-webkit-box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
padding: var(--cnvs-style-shadow-padding);
|
||||
}
|
||||
|
||||
@media (max-width: 1019.98px) {
|
||||
.is-style-cnvs-block-single-border.alignleft,
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
float: none;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.wp-block-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 760px) and (min-width: 760px) {
|
||||
.wp-block-group > .is-block-content {
|
||||
max-width: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bordered {
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
border: 1px solid var(--cnvs-style-single-border-color);
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border {
|
||||
--cnvs-style-single-border-width: 1px;
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
--cnvs-style-single-margin: 2rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:before {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:after {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
border: none;
|
||||
padding-left: var(--cnvs-style-single-margin);
|
||||
border-left: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright:before, .is-style-cnvs-block-single-border.alignright:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft {
|
||||
border: none;
|
||||
padding-right: var(--cnvs-style-single-margin);
|
||||
border-right: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft:before, .is-style-cnvs-block-single-border.alignleft:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-light {
|
||||
--cnvs-style-bg-light-background: #f8f9fa;
|
||||
--cnvs-style-bg-light-padding: 40px;
|
||||
background: var(--cnvs-style-bg-light-background);
|
||||
padding: var(--cnvs-style-bg-light-padding);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-inverse {
|
||||
--cnvs-style-bg-inverse-background: black;
|
||||
--cnvs-style-bg-inverse-color: #fff;
|
||||
--cnvs-style-bg-inverse-padding: 40px;
|
||||
background: var(--cnvs-style-bg-inverse-background);
|
||||
padding: var(--cnvs-style-bg-inverse-padding);
|
||||
color: var(--cnvs-style-bg-inverse-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-shadow {
|
||||
--cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08);
|
||||
--cnvs-style-shadow-padding: 40px;
|
||||
-webkit-box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
padding: var(--cnvs-style-shadow-padding);
|
||||
}
|
||||
|
||||
@media (max-width: 1019.98px) {
|
||||
.is-style-cnvs-block-single-border.alignleft,
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
float: none;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.wp-block-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 760px) and (min-width: 760px) {
|
||||
.wp-block-group > .is-block-content {
|
||||
max-width: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bordered {
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
border: 1px solid var(--cnvs-style-single-border-color);
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border {
|
||||
--cnvs-style-single-border-width: 1px;
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
--cnvs-style-single-margin: 2rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:before {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:after {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
border: none;
|
||||
padding-right: var(--cnvs-style-single-margin);
|
||||
border-right: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright:before, .is-style-cnvs-block-single-border.alignright:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft {
|
||||
border: none;
|
||||
padding-left: var(--cnvs-style-single-margin);
|
||||
border-left: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft:before, .is-style-cnvs-block-single-border.alignleft:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-light {
|
||||
--cnvs-style-bg-light-background: #f8f9fa;
|
||||
--cnvs-style-bg-light-padding: 40px;
|
||||
background: var(--cnvs-style-bg-light-background);
|
||||
padding: var(--cnvs-style-bg-light-padding);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-inverse {
|
||||
--cnvs-style-bg-inverse-background: black;
|
||||
--cnvs-style-bg-inverse-color: #fff;
|
||||
--cnvs-style-bg-inverse-padding: 40px;
|
||||
background: var(--cnvs-style-bg-inverse-background);
|
||||
padding: var(--cnvs-style-bg-inverse-padding);
|
||||
color: var(--cnvs-style-bg-inverse-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-shadow {
|
||||
--cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08);
|
||||
--cnvs-style-shadow-padding: 40px;
|
||||
-webkit-box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
padding: var(--cnvs-style-shadow-padding);
|
||||
}
|
||||
|
||||
@media (max-width: 1019.98px) {
|
||||
.is-style-cnvs-block-single-border.alignleft,
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
float: none;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,117 @@
|
||||
/**
|
||||
* All of the CSS for your block editor functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
/**
|
||||
* Environment for all styles (variables, additions, etc).
|
||||
*/
|
||||
/*--------------------------------------------------------------*/
|
||||
/*--------------------------------------------------------------*/
|
||||
.wp-block-group {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-group .wp-block-group__inner-container > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 760px) and (min-width: 760px) {
|
||||
.wp-block-group > .is-block-content {
|
||||
max-width: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bordered {
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
border: 1px solid var(--cnvs-style-single-border-color);
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border {
|
||||
--cnvs-style-single-border-width: 1px;
|
||||
--cnvs-style-single-border-color: #dee2e6;
|
||||
--cnvs-style-single-margin: 2rem;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:before {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border:after {
|
||||
position: relative !important;
|
||||
content: "";
|
||||
background-color: var(--cnvs-style-single-border-color);
|
||||
display: block;
|
||||
width: 4rem;
|
||||
height: var(--cnvs-style-single-border-width);
|
||||
margin: var(--cnvs-style-single-margin) auto;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
border: none;
|
||||
padding-left: var(--cnvs-style-single-margin);
|
||||
border-left: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignright:before, .is-style-cnvs-block-single-border.alignright:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft {
|
||||
border: none;
|
||||
padding-right: var(--cnvs-style-single-margin);
|
||||
border-right: var(--cnvs-style-single-border-width) solid var(--cnvs-style-single-border-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-single-border.alignleft:before, .is-style-cnvs-block-single-border.alignleft:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-light {
|
||||
--cnvs-style-bg-light-background: #f8f9fa;
|
||||
--cnvs-style-bg-light-padding: 40px;
|
||||
background: var(--cnvs-style-bg-light-background);
|
||||
padding: var(--cnvs-style-bg-light-padding);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-bg-inverse {
|
||||
--cnvs-style-bg-inverse-background: black;
|
||||
--cnvs-style-bg-inverse-color: #fff;
|
||||
--cnvs-style-bg-inverse-padding: 40px;
|
||||
background: var(--cnvs-style-bg-inverse-background);
|
||||
padding: var(--cnvs-style-bg-inverse-padding);
|
||||
color: var(--cnvs-style-bg-inverse-color);
|
||||
}
|
||||
|
||||
.is-style-cnvs-block-shadow {
|
||||
--cnvs-style-shadow-box-shadow: 0 16px 36px 0 rgba(0,0,0,0.08);
|
||||
--cnvs-style-shadow-padding: 40px;
|
||||
-webkit-box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
box-shadow: var(--cnvs-style-shadow-box-shadow);
|
||||
padding: var(--cnvs-style-shadow-padding);
|
||||
}
|
||||
|
||||
@media (max-width: 1019.98px) {
|
||||
.is-style-cnvs-block-single-border.alignleft,
|
||||
.is-style-cnvs-block-single-border.alignright {
|
||||
float: none;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
!function(e){var r={};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=e,o.c=r,o.d=function(e,r,n){o.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,r){if(1&r&&(e=o(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var t in e)o.d(n,t,function(r){return e[r]}.bind(null,t));return n},o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,"a",r),r},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.p="",o(o.s=78)}({78:function(e,r,o){e.exports=o(79)},79:function(e,r){var o=wp.i18n.__,n=wp.blocks.registerBlockStyle;n("core/group",{name:"cnvs-block-bordered",label:o("Bordered")}),n("core/group",{name:"cnvs-block-single-border",label:o("Single Border")}),n("core/group",{name:"cnvs-block-bg-light",label:o("Background Light")}),n("core/group",{name:"cnvs-block-bg-inverse",label:o("Background Inverse")}),n("core/group",{name:"cnvs-block-shadow",label:o("Shadow")}),wp.hooks.addFilter("blocks.registerBlockType","change/align/group",(function(e,r){return"core/group"===r?lodash.assign({},e,{supports:lodash.assign({},e.supports,{align:["left","center","right","wide","full"]})}):e}))}});
|
||||
@@ -0,0 +1,51 @@
|
||||
/**
|
||||
* WordPress dependencies
|
||||
*/
|
||||
|
||||
const {
|
||||
__,
|
||||
} = wp.i18n;
|
||||
|
||||
const {
|
||||
registerBlockStyle,
|
||||
} = wp.blocks;
|
||||
|
||||
registerBlockStyle( 'core/group', {
|
||||
name: 'cnvs-block-bordered',
|
||||
label: __( 'Bordered' ),
|
||||
} );
|
||||
|
||||
registerBlockStyle( 'core/group', {
|
||||
name: 'cnvs-block-single-border',
|
||||
label: __( 'Single Border' ),
|
||||
} );
|
||||
|
||||
registerBlockStyle( 'core/group', {
|
||||
name: 'cnvs-block-bg-light',
|
||||
label: __( 'Background Light' ),
|
||||
} );
|
||||
|
||||
registerBlockStyle( 'core/group', {
|
||||
name: 'cnvs-block-bg-inverse',
|
||||
label: __( 'Background Inverse' ),
|
||||
} );
|
||||
|
||||
registerBlockStyle( 'core/group', {
|
||||
name: 'cnvs-block-shadow',
|
||||
label: __( 'Shadow' ),
|
||||
} );
|
||||
|
||||
wp.hooks.addFilter(
|
||||
'blocks.registerBlockType',
|
||||
'change/align/group',
|
||||
function( settings, name ) {
|
||||
if ( name === 'core/group' ) {
|
||||
return lodash.assign( {}, settings, {
|
||||
supports: lodash.assign( {}, settings.supports, {
|
||||
align: ['left', 'center', 'right', 'wide', 'full'],
|
||||
} ),
|
||||
} );
|
||||
}
|
||||
return settings;
|
||||
}
|
||||
);
|
||||
Reference in New Issue
Block a user