File: /home/slyfwmm/laretediclo/wp-content/themes/kicker/skins/default/plugins/gutenberg/gutenberg.scss
@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";
html {
font-size: 14px;
}
.popover-slot {
position: relative;
z-index: 101;
}
/* Gutenberg */
body:not(.narrow_content) .content_wrap_fullscreen .kt-row-column-wrap {
width: 100%;
box-sizing: border-box;
}
.alignfull .kt-row-column-wrap {
padding-left: var(--theme-var-grid_gap);
padding-right: var(--theme-var-grid_gap);
}
/* Post title */
.editor-post-title__block .editor-post-title__input,
.editor-post-title__block .editor-post-title__input:focus {
color: var(--theme-color-text_dark);
min-height: 1em;
}
/* Width of the blocks for different content width's */
.wp-block:not([data-align="wide"]):not([data-align="full"]) {
max-width: var(--theme-var-content);
body.sidebar_position_hide.narrow_content & {
max-width: var(--theme-var-content_narrow);
}
body.sidebar_position_hide.expand_content & {
max-width: var(--theme-var-page);
}
body.post-type-cpt_layouts & {
max-width: none !important;
}
}
.wp-block[data-align="wide"],
.wp-block[data-align="full"] {
body:not(.sidebar_position_hide) & {
max-width: var(--theme-var-content);
}
}
/* Align left and right inside narrow content without sidebars */
.wp-block[data-align="left"],
.wp-block[data-align="right"] {
body.sidebar_position_hide.narrow_content &:not([data-type="core/image"]) .is-style-alignfar {
max-width: calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / 2 - var(--theme-var-grid_gap) );
}
}
.wp-block[data-align="left"] {
body.sidebar_position_hide.narrow_content & .is-style-alignfar {
float: left;
margin: 1em 2em 1em calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / -2 );
}
}
.wp-block[data-align="right"] {
body.sidebar_position_hide.narrow_content & .is-style-alignfar {
float: right;
margin: 1em calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / -2 ) 1em 2em;
}
}
/* Align left and right inside normal content without sidebars */
.wp-block[data-align="left"] {
body.sidebar_position_hide.normal_content & .is-style-alignfar {
float: left;
margin: 1em 2em 1em calc( ( var(--theme-var-page) - var(--theme-var-content) ) / -2 );
}
}
.wp-block[data-align="right"] {
body.sidebar_position_hide.normal_content & .is-style-alignfar {
float: right;
margin: 1em calc( ( var(--theme-var-page) - var(--theme-var-content) ) / -2 ) 1em 2em;
}
}
/* Sidebar holder for the editor */
body.edit-post-visual-editor:not(.post-type-cpt_layouts):not(.sidebar_position_hide) {
@include flex;
@include flex-direction(row);
@include flex-justify-content(center);
@include flex-shrink(0);
}
.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);
}
}
/* Align left and right inside narrow content without sidebars */
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignfar,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignfar,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignsmall,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignsmall,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignmedium,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignmedium,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignlarge,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignlarge {
max-width: calc( ( var(--theme-var-page) - var(--theme-var-content_narrow) ) / 2 - 30px );
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignsmall {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-1));
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignmedium {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-2));
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="left"] .is-style-alignlarge {
float: left;
margin: 1em 1em 1em calc( var(--theme-var-page_column_and_gap) * (-3));
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignsmall {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-1)) 1em 1em;
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignmedium {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-2)) 1em 1em;
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .wp-block[data-align="right"] .is-style-alignlarge {
float: right;
margin: 1em calc( var(--theme-var-page_column_and_gap) * (-3)) 1em 1em;
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"][data-type="core/image"] > .wp-block .is-style-alignfar,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"][data-type="core/image"] > .wp-block .is-style-alignfar,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"][data-type="core/image"] > .wp-block .is-style-alignsmall,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"][data-type="core/image"] > .wp-block .is-style-alignsmall,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"][data-type="core/image"] > .wp-block .is-style-alignmedium,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"][data-type="core/image"] > .wp-block .is-style-alignmedium,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="left"][data-type="core/image"] > .wp-block .is-style-alignlarge,
.editor-styles-wrapper.sidebar_position_hide.narrow_content .block-editor-block-list__block[data-align="right"][data-type="core/image"] > .wp-block .is-style-alignlarge {
max-width: none !important;
}
/* Wide and Full blocks */
body:not(.sidebar_position_hide) .editor-block-list__layout .alignwide,
body:not(.sidebar_position_hide) .editor-block-list__block[data-align="wide"],
body:not(.sidebar_position_hide) .editor-block-list__layout .alignfull,
body:not(.sidebar_position_hide) .editor-block-list__block[data-align="full"] {
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.sidebar_position_hide .editor-block-list__layout .alignwide,
body.sidebar_position_hide .editor-block-list__block[data-align="wide"] {
max-width: none !important;
width: calc(100% + 8em);
margin-left: -4em;
}
body.sidebar_position_hide .editor-block-list__layout .alignfull,
body.sidebar_position_hide .editor-block-list__block[data-align="full"] {
max-width: none !important;
width: calc(100% + 14em);
margin-left: -7em;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit:before,
.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit:before {
left: -14px;
right: -14px;
border-right-width: 1px;
}
.block-editor-block-list__block[data-align=left],
.block-editor-block-list__block[data-align=right] {
margin-left: auto;
margin-right: auto;
}
.editor-styles-wrapper.sidebar_position_hide.narrow_content {
.block-editor-block-list__block[data-align=left],
.block-editor-block-list__block[data-align=right] {
max-width: var(--theme-var-content_narrow);
}
}
.wp-block[data-align=left]>*, .wp-block[data-align=right]>* {
z-index: 100;
position: relative;
}
/* Fix for some core blocks in the edit mode
------------------------------------------------- */
/* Page break */
.wp-block-nextpage > span {
height: auto;
background-color: var(--theme-color-bg_color);
color: var(--theme-color-text_dark);
}
/* Rich text */
.block-editor-rich-text {
z-index: 1;
}
figure .block-editor-rich-text__editable[data-is-placeholder-visible="true"] {
position: absolute !important;
}
figure .block-editor-rich-text {
width: 100%;
}
.blocks-gallery-item .block-editor-rich-text {
position: static;
}
/* Figure */
[data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit figure,
[data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit figure,
[data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit figure {
display: inline-block;
vertical-align: top;
}
/* Image */
.wp-block-image .components-resizable-box__container {
vertical-align: top;
}
/* Cover image */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
color: #fff;
width: 100%;
@include border-box;
padding: 2em;
}
/* Kadence blocks
---------------------------------------- */
.editor-block-list__block .kt-tabs-title-list {
margin-bottom: 0;
padding-left: 0;
}
.editor-block-list__block .kt-tabs-layout-vtabs > .kt-tabs-wrap > .kt-tabs-title-list li {
margin-bottom: 1px;
}
.editor-block-list__block .kt-tabs-content-wrap {
border: 1px solid #ddd;
}
.kb-gallery-main-contain .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
height: auto;
position: relative;
}
/* Components panel */
.components-panel__body > .components-panel__body-title {
background-color: #edeff0;
}
.components-panel__body.is-opened > .components-panel__body-title {
margin-bottom: 15px !important;
}
.components-panel__body .components-base-control-title {
margin: 1.25em 0 0.25em;
}
.components-color-palette-preview {
border: 1px solid #8d96a0;
border-radius: 5px;
height: 22px;
width: 50px;
position: absolute;
top: 0;
right: 0;
}
.components-toolbar .components-icon-button {
overflow: hidden
}
.components-base-control input[type="text"],
.components-base-control input[type="number"],
.components-base-control input[type="search"] {
height: auto;
padding: 6px 8px;
}
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button {
margin-top: 0;
}
/* Fix margin from Give plugin */
.editor-block-list__layout .components-button {
margin-top: 0;
}
.post-publish-panel__postpublish-buttons > .components-button {
margin: 5px;
}
.post-publish-panel__postpublish-buttons > span > .components-button {
margin: 0;
}
/* Featured image */
.components-panel__body.is-opened .components-button img {
width: auto !important;
height: auto !important;
}
/* Inputs */
input[type=radio] {
position: relative;
width: 12px;
height: 14px;
}
input[type=radio]:checked::before {
height: 6px;
left: 50%;
margin: -3px 0 0 -3px;
position: absolute;
top: 50%;
width: 6px;
}
/* Slider */
.alignfull,
.alignwide {
.slider_container {
min-width: 100%;
}
}