Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/gg.corals.io/wp-content/plugins/trx_addons/components/api/gutenberg/ |
@import "../../../css/_mixins.scss";
@import "../../../css/_trx_addons.vars.scss";
/* Gutenberg */
// Set columns width's for correct slider (and other initially hidden blocks) layout inside columns
@for $i from 2 through 12 {
$s: 100% / $i;
//.wp-block-columns.has-#{$i}-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"],
.wp-block-columns.has-#{$i}-columns .wp-block-column {
width: $s;
}
}
.wp-block-columns > .editor-inner-blocks {
width: 100%;
}
.wp-block-columns > .editor-inner-blocks > .editor-block-list__layout {
@include flex-wrap(wrap !important);
}
.wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"],
.wp-block-column {
margin: 0;
padding: 0;
@include border-box;
}
.wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:first-child),
.wp-block-column:not(:first-child) {
padding-left: $grid_gap / 2;
margin-left: 0;
}
.wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"]:not(:last-child),
.wp-block-column:not(:last-child) {
padding-right: $grid_gap / 2;
margin-right: 0;
}
body.post-type-cpt_layouts .editor-block-list__block,
body.post-type-cpt_layouts .editor-post-title__block,
body.post-type-cpt_layouts .editor-default-block-appender {
max-width: none !important;
}
body.post-type-cpt_layouts div:not(.editor-inner-blocks) > .editor-block-list__layout {
position: relative;
padding-left: 0;
padding-right: 0;
margin-left: 80px;
margin-right: 80px;
}
div:not(.editor-inner-blocks) > .editor-block-list__layout {
padding-bottom: 3em;
}
.editor-block-list__empty-block-inserter,
.editor-default-block-appender .editor-inserter,
.editor-inserter-with-shortcuts {
z-index: 10;
}
.editor-block-list__layout .editor-block-list__block {
padding-left: 0;
padding-right: 0;
}
.editor-inner-blocks .editor-block-list__block > .editor-block-list__insertion-point {
top: 0;
}
.editor-inner-blocks .editor-block-list__layout .editor-block-list__block {
padding-left: 1em;
padding-right: 1em;
margin: 0;
}
.editor-block-list__layout .editor-block-list__block .editor-block-drop-zone,
.editor-block-list__layout .editor-block-list__block .editor-block-list__block-edit {
margin: 1em 0;
}
.editor-block-list__layout .editor-default-block-appender > .editor-default-block-appender__content,
.editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit,
.editor-block-list__layout > .editor-block-list__layout > .editor-block-list__block > .editor-block-list__block-edit {
margin: 1em 0;
}
.editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit {
margin-right: 2em;
margin-bottom: 1em;
}
.editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-edit {
margin-left: 2em;
margin-bottom: 1em;
}
.editor-block-list__layout .editor-block-list__block[data-align="center"] .editor-block-list__block-edit {
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
}
.editor-block-list__block > .editor-block-mover {
left: -60px;
}
.editor-block-list__block > .editor-block-settings-menu {
right: -60px;
}
.editor-block-list__block .editor-block-contextual-toolbar > div:first-child > .components-toolbar {
border-left: 1px solid #e2e4e7;
}
.editor-block-list__insertion-point-inserter .editor-inserter__toggle {
padding: 8px;
}
h6.editor-block-title {
font-size: 13px;
padding: 15px 0;
margin: 0;
}
.editor-block-params {
font-size: 12px;
line-height: 18px;
margin-top: -10px;
}
.editor-block-params span {
margin-right: 10px;
}
.editor-block-params span:empty {
display: none;
}
/* Button 'Reload' */
.editor-block-list__block .trx_addons_gb_reload {
display: none;
}
.editor-block-list__block.is-hovered .trx_addons_gb_reload,
.editor-block-list__block.is-selected .trx_addons_gb_reload,
.editor-block-list__block.is-selected-parent .trx_addons_gb_reload {
display: block;
}
.components-button.components-button.trx_addons_gb_reload {
position: absolute;
right: 0;
top: 0;
z-index: 10;
height: 32px;
line-height: 30px;
@include border-box;
padding: 0 8px;
color: #333;
background-color: #f7f7f7;
}
.components-button.components-button.trx_addons_gb_reload:focus,
.components-button.components-button.trx_addons_gb_reload:hover {
color: #fff !important;
background-color: #007cba !important;
}
.components-button.components-button.trx_addons_gb_reload:before {
content: '\e800';
font-family: trx_addons_icons;
}
/* Hide placeholders on the empty containers */
.editor-block-list__block[data-type="trx-addons/content"] > .editor-block-list__block-edit > div > .components-placeholder,
.editor-block-list__block[data-type="trx-addons/layouts-container"] > .editor-block-list__block-edit > div > .components-placeholder,
.editor-block-list__block[data-type="trx-addons/layouts-featured"] > .editor-block-list__block-edit > div > .components-placeholder {
display: none;
}
/* Inner blocks
--------------------------------------------- */
/* Inner blocks - all (common rules) */
.trx_addons_gb_inner_blocks {
@include flex-direction(column);
}
.trx_addons_gb_inner_blocks .components-panel__body {
border: none;
}
.trx_addons_gb_inner_blocks .components-panel__body-toggle:focus,
.trx_addons_gb_inner_blocks .components-panel__body-toggle:hover {
color: #fff !important;
background-color: #007cba !important;
}
.trx_addons_gb_inner_blocks .components-panel__body-toggle:before {
content: '\e8d7';
font-family: trx_addons_icons;
margin-right: 0.55em;
}
.trx_addons_gb_inner_blocks .editor-block-list__block .editor-block-contextual-toolbar {
margin-left: 0;
margin-right: 0;
}
/* Inner blocks - all, except "Content area" and "Layouts: Container" and "Layouts: Featured" and "Layouts: Title" */
/* Hide to the button, display on hover, select or typing */
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks,
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks > .editor-inner-blocks {
display: none;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks.is-opened,
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks.is-opened > .editor-inner-blocks,
.editor-block-list__block.is-hovered:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks,
.editor-block-list__block.is-typing:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks,
.editor-block-list__block.is-selected:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks,
.editor-block-list__block.is-selected-parent:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks {
display: block;
}
/* Put to the top right corner (near the "Reload" button) */
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks {
position: absolute;
right: 40px;
top: 0;
z-index: 10;
min-width: 33%;
border: none !important;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks.components-panel__body.is-opened {
padding: 0;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks .components-panel__body-title {
margin: 0 0 1em !important;
background: none !important;
text-align: right;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks .components-panel__body-toggle .components-panel__arrow {
display: none;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks .components-panel__body-toggle {
width: 32px;
height: 32px;
line-height: 30px;
@include border-box;
white-space:nowrap;
padding: 0 8px !important;
border: 1px solid #ccc;
@include border-radius(3px);
box-shadow: 0 1px 0 #cccccc;
color: #333;
background-color: #f7f7f7;
overflow: hidden;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks.components-panel__body.is-opened .components-panel__body-toggle {
width: auto;
}
.editor-block-list__block:not([data-type="trx-addons/content"]):not([data-type="trx-addons/layouts-container"]):not([data-type="trx-addons/layouts-featured"]):not([data-type="trx-addons/layouts-title"]) .trx_addons_gb_inner_blocks .editor-block-list__layout {
background-color: #fff;
color: #333;
border: 1px solid #ccc;
}
.editor-block-list__block-edit .sc_layouts .wp-block-columns {
display: flex;
}
/* Next rules are broke columns if slider is present inside */
/*
.wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] {
width: auto;
flex-direction: row;
}
*/
.trx_addons_gb_inner_blocks .editor-block-list__block .editor-block-list__layout {
margin: 0;
}
.editor-block-list__block[data-type^="trx-addons/content"] .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout {
@include flex;
@include flex-direction(column);
}
.trx_addons_gb_inner_blocks .editor-block-list__block-edit .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout {
@include flex;
}
.trx_addons_gb_inner_blocks .wp-block-columns .editor-block-list__layout:first-child {
margin-left: 0;
}
[data-type^="trx-addons/"] .slider_container {
display: block;
}
.editor-block-list__block-edit.reload_mask > div:nth-child(2) {
position: relative;
}
.editor-block-list__block-edit.reload_mask > div:nth-child(2):before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 11;
background-color: #edeff0;
}
.editor-block-list__block-edit.reload_mask > div:nth-child(2):after {
content: '\e801';
font-family: trx_addons_icons;
position: absolute;
color: #000;
top: 50%;
left: 50%;
z-index: 12;
font-size: 26px;
line-height: 26px;
margin: -13px 0 0 -13px;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
/* Anchor */
[data-type="trx-addons/anchor"] .editor-block-list__block-edit {
height: 25px;
position: relative;
background-color: #e7eaed;
}
[data-type="trx-addons/anchor"] .editor-block-list__block-edit:after{
content: '\e868';
font-family: trx_addons_icons;
color: #9aa1a9;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
/* Blogger */
[data-type="trx-addons/blogger"] a {
pointer-events: none;
}
/* Content Area */
[data-type="trx-addons/content"] .sc_content_container {
display: none;
}
/* Layouts */
[data-type="trx-addons/layouts-login"] .sc_layouts_menu,
[data-type="trx-addons/layouts-menu"] .sc_layouts_menu {
visibility: visible;
max-height: 4em;
}
/* Sidebar holder for the editor */
/* WordPress 5.6- */
body.edit-post-visual-editor:not(.sidebar_position_hide):not(.post-type-cpt_layouts),
/* WordPress 5.7+ */
body.editor-styles-wrapper:not(.sidebar_position_hide):not(.post-type-cpt_layouts) .block-editor-writing-flow,
/* WordPress 5.8+ */
body.editor-styles-wrapper:not(.sidebar_position_hide):not(.post-type-cpt_layouts).block-editor-writing-flow {
@include flex;
@include flex-direction(row);
@include flex-justify-content(center);
@include flex-shrink(0);
.edit-post-visual-editor__post-title-wrapper .editor-post-title {
max-width: var(--theme-var-page) !important;
}
}
/* WordPress 5.7+ */
body.editor-styles-wrapper:not(.sidebar_position_hide):not(.post-type-cpt_layouts) .block-editor-writing-flow,
/* WordPress 5.8+ */
body.editor-styles-wrapper:not(.sidebar_position_hide):not(.post-type-cpt_layouts).block-editor-writing-flow {
@include flex-wrap(wrap);
.edit-post-visual-editor__post-title-wrapper {
@include flex-basis(100%);
order: 1;
}
.block-editor-block-list__layout.is-root-container {
order: 2;
flex-basis: var(--theme-var-content);
}
.editor-post-sidebar-holder {
order: 3;
}
}
/* WordPress 5.7+ */
body.editor-styles-wrapper.sidebar_position_left:not(.post-type-cpt_layouts) .block-editor-writing-flow,
/* WordPress 5.8+ */
body.editor-styles-wrapper.sidebar_position_left:not(.post-type-cpt_layouts).block-editor-writing-flow {
.block-editor-block-list__layout.is-root-container {
order: 3;
}
.editor-post-sidebar-holder {
order: 2;
}
}
.editor-post-sidebar-holder {
width: var(--theme-var-sidebar);
margin-left: var(--theme-var-sidebar_gap);
background-color: var(--theme-color-alter_bg_color);
min-height: 75vh;
@include border-box;
@include flex;
@include flex-align-items(center);
@include flex-justify-content(center);
&:before {
content: 'Sidebar';
display: inline-block;
@include rotate(90deg);
@include font(3em, 1em, bold);
color: var(--theme-color-alter_light);
text-shadow: 0 0 10px rgba(0,0,0,0.1);
}
body.editor-styles-wrapper.sidebar_position_left & {
margin-left: 0;
margin-right: var(--theme-var-sidebar_gap);
}
.sidebar_position_hide &,
body.post-type-cpt_layouts & {
display: none;
}
}