/* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Association ========================================================================== */ .block-editor .cf-association__cols, .editor-styles-wrapper .cf-association__cols { border-top-width: 1px; margin-top: 4px; } .edit-post-sidebar .cf-association__cols { border-color: #8d96a0; flex-direction: column; } .edit-post-sidebar .cf-association__cols::before { background-color: #8d96a0; display: none; } .edit-post-sidebar .cf-association__counter { display: none; } .edit-post-sidebar .cf-association__option { height: 40px; } .edit-post-sidebar .cf-association__option + .cf-association__option { border-top-color: #8d96a0; } .edit-post-sidebar .cf-association__option-thumb { display: none; } .edit-post-sidebar .cf-association__option-content { align-items: flex-start; flex-direction: column; min-width: 0; } .edit-post-sidebar .cf-association__option-title { width: 100%; } .edit-post-sidebar .cf-association__col:first-child .cf-association__option-actions { min-width: 0; } .edit-post-sidebar .cf-association__option-actions { margin-left: auto; } .edit-post-sidebar .cf-association__option-action--edit { display: none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Complex ========================================================================== */ .cf-complex__placeholder-label { font-size: 13px; line-height: 1.4; } .block-editor .cf-complex__inserter-menu, .editor-styles-wrapper .cf-complex__inserter-menu { z-index: 10; list-style: none outside none; border: 1px solid #e2e4e7; box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1); background-color: #fff; } .block-editor .cf-complex__inserter-menu::before, .block-editor .cf-complex__inserter-menu::after, .editor-styles-wrapper .cf-complex__inserter-menu::before, .editor-styles-wrapper .cf-complex__inserter-menu::after { position: absolute; top: 50%; right: 100%; width: 0; height: 0; border-width: 8px 8px 8px 0; border-style: solid; margin-top: -8px; content: ""; } .block-editor .cf-complex__inserter-menu::before, .editor-styles-wrapper .cf-complex__inserter-menu::before { border-color: transparent #e2e4e7; margin-right: 1px; } .block-editor .cf-complex__inserter-menu::after, .editor-styles-wrapper .cf-complex__inserter-menu::after { border-color: transparent #fff; } .block-editor .cf-complex__inserter-item, .editor-styles-wrapper .cf-complex__inserter-item { color: #40464d; } .block-editor .cf-complex__inserter-item:hover, .editor-styles-wrapper .cf-complex__inserter-item:hover { color: #191e23; } .edit-post-sidebar .cf-complex__tabs .cf-complex__inserter-button { border-color: #8d96a0; } .block-editor .cf-complex__tabs-item, .editor-styles-wrapper .cf-complex__tabs-item { color: #555d66; } .block-editor .cf-complex__tabs-item--current, .editor-styles-wrapper .cf-complex__tabs-item--current { color: #191e23; } .edit-post-sidebar .cf-complex__tabs-item { border-color: #8d96a0; } .edit-post-sidebar .cf-complex__group-head { border-color: #8d96a0; } .edit-post-sidebar .cf-complex__group-body { display: block; border-color: #8d96a0; } .edit-post-sidebar .cf-complex__group-actions--tabbed { border-color: #8d96a0; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Field ========================================================================== */ .block-editor .cf-field, .editor-styles-wrapper .cf-field { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1.4; color: #555d66; padding: 8px; min-width: 0; } .wp-block-widget-area .cf-field { padding: 6.5px 20px; } .edit-post-sidebar .cf-block__fields > .cf-field { padding: 4px 0 0; } .block-editor .cf-complex .cf-field, .editor-styles-wrapper .cf-complex .cf-field { border-width: 1px 1px 0 0; border-style: solid; border-color: #e2e4e7; } .edit-post-sidebar .cf-complex .cf-field { border-color: #8d96a0; } .cf-field__label { font-size: 13px; font-weight: 600; color: #23282d; } .block-editor .cf-field__label, .editor-styles-wrapper .cf-field__label { margin-bottom: 4px; } .wp-block-widget-area .cf-field__label { margin-bottom: 6.5px; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== DateTime ========================================================================== */ .wp-block .cf-field .cf-datetime__input { min-width: 0; border-color: #e2e4e7; border-radius: 0; } .wp-block .cf-field .cf-datetime__input:focus { box-shadow: none; } .edit-post-sidebar .cf-field .cf-datetime__input { padding-left: 35px; } .edit-post-sidebar .cf-field .cf-datetime__input--calendar, .edit-post-sidebar .cf-field .cf-datetime__input--clock { background-repeat: no-repeat; background-position: left 8px center; } .edit-post-sidebar .cf-field .cf-datetime__input--calendar { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2382878c' stroke-width='1.3'%3E%3Crect x='2.5' y='4' width='15' height='13' rx='1.5'/%3E%3Cline x1='2.5' y1='8' x2='17.5' y2='8'/%3E%3Cline x1='6' y1='2' x2='6' y2='5.5'/%3E%3Cline x1='14' y1='2' x2='14' y2='5.5'/%3E%3C/svg%3E"); } .edit-post-sidebar .cf-field .cf-datetime__input--clock { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2382878c' stroke-width='1.3'%3E%3Ccircle cx='10' cy='10' r='7.5'/%3E%3Cline x1='10' y1='10' x2='10' y2='5.5'/%3E%3Cline x1='10' y1='10' x2='13' y2='12'/%3E%3C/svg%3E"); } .wp-block .cf-datetime__button { height: auto; border-color: #e2e4e7; } .edit-post-sidebar .cf-datetime__button { display: none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== File ========================================================================== */ .edit-post-sidebar .cf-file__inner { border-color: #8d96a0; } .edit-post-sidebar .cf-file__content { border-color: #8d96a0; } .edit-post-sidebar .cf-file__name { border-color: #8d96a0; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Map ========================================================================== */ .edit-post-sidebar .cf-map__canvas { border-color: #8d96a0; border-top-width: 1px; margin-top: 4px; } .block-editor .cf-map__search[focus-within] ~ .cf-map__canvas, .editor-styles-wrapper .cf-map__search[focus-within] ~ .cf-map__canvas { border-color: #3858e9; border-color: var(--wp-admin-theme-color, #3858e9); } .block-editor .cf-map__search:focus-within ~ .cf-map__canvas, .editor-styles-wrapper .cf-map__search:focus-within ~ .cf-map__canvas { border-color: #3858e9; border-color: var(--wp-admin-theme-color, #3858e9); } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Multiselect ========================================================================== */ .wp-block .cf-multiselect__control { border-radius: 0; } .edit-post-sidebar .cf-multiselect__control, .edit-post-sidebar .cf-multiselect__control:hover { border-color: #8d96a0; } .edit-post-sidebar .cf-multiselect__control--is-focused, .edit-post-sidebar .cf-multiselect__control--is-focused:hover { border-color: #3858e9; border-color: var(--wp-admin-theme-color, #3858e9); box-shadow: 0 0 0 1px #3858e9; box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #3858e9); } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Media Gallery ========================================================================== */ @media (min-width: 1440px) { .block-editor .cf-media-gallery__item, .editor-styles-wrapper .cf-media-gallery__item { flex-basis: 16.6667%; } } @media (min-width: 1680px) { .block-editor .cf-media-gallery__item, .editor-styles-wrapper .cf-media-gallery__item { flex-basis: 16.6667%; } } .edit-post-sidebar .cf-media-gallery__item { flex-basis: 50%; } .wp-block .cf-media-gallery__inner { border: 1px solid #e2e4e7; } .edit-post-sidebar .cf-media-gallery__inner { border: 1px solid #8d96a0; } .wp-block .cf-media-gallery__actions { border-top: 1px solid #e2e4e7; } .edit-post-sidebar .cf-media-gallery__actions { border-top: 1px solid #8d96a0; } .wp-block .cf-media-gallery__item-inner { border: 1px solid #e2e4e7; } .edit-post-sidebar .cf-media-gallery__item-inner { border: 1px solid #8d96a0; } .block-editor .cf-media-gallery__item-preview, .editor-styles-wrapper .cf-media-gallery__item-preview { background-color: #f3f4f5; } .block-editor .cf-media-gallery__item-name, .editor-styles-wrapper .cf-media-gallery__item-name { background-color: #f3f4f5; } .wp-block .cf-media-gallery__item-name { border-top: 1px solid #e2e4e7; } .edit-post-sidebar .cf-media-gallery__item-name { border-top: 1px solid #8d96a0; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== oEmbed ========================================================================== */ .edit-post-sidebar .cf-oembed__preview { border-color: #8d96a0; border-top-width: 1px; margin-top: 4px; } .block-editor .cf-oembed[focus-within] .cf-oembed__preview, .editor-styles-wrapper .cf-oembed[focus-within] .cf-oembed__preview { border-color: #3858e9; border-color: var(--wp-admin-theme-color, #3858e9); } .block-editor .cf-oembed:focus-within .cf-oembed__preview, .editor-styles-wrapper .cf-oembed:focus-within .cf-oembed__preview { border-color: #3858e9; border-color: var(--wp-admin-theme-color, #3858e9); } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Radio ========================================================================== */ .wp-block .cf-radio__list { list-style: none outside none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Radio Image ========================================================================== */ .block-editor .cf-radio__list-item, .editor-styles-wrapper .cf-radio__list-item { margin: 0; } @media (min-width: 1440px) { .wp-block .cf-radio-image .cf-radio__list-item { flex-basis: 25%; } } @media (min-width: 1680px) { .wp-block .cf-radio-image .cf-radio__list-item { flex-basis: 25%; } } .edit-post-sidebar .cf-radio-image .cf-radio__list-item { flex-basis: 33.3333%; } .wp-block .cf-radio-image__image { border: 1px solid #e2e4e7; } .edit-post-sidebar .cf-radio-image__image { border: 1px solid #8d96a0; } .block-editor .cf-radio__input:focus ~ .cf-radio__label .cf-radio-image__image, .block-editor .cf-radio__input:checked ~ .cf-radio__label .cf-radio-image__image, .editor-styles-wrapper .cf-radio__input:focus ~ .cf-radio__label .cf-radio-image__image, .editor-styles-wrapper .cf-radio__input:checked ~ .cf-radio__label .cf-radio-image__image { outline: 2px solid #3858e9; outline: 2px solid var(--wp-admin-theme-color, #3858e9); } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Select ========================================================================== */ .wp-block .cf-field .cf-select__input { border-color: #e2e4e7; border-radius: 0; } .wp-block .cf-field .cf-select__input:focus { box-shadow: none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Set ========================================================================== */ .wp-block .cf-set__list { list-style: none outside none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Separator ========================================================================== */ .block-editor .cf-separator h3, .editor-styles-wrapper .cf-separator h3 { margin: 0; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Text ========================================================================== */ .wp-block .cf-field .cf-text__input { border-color: #e2e4e7; border-radius: 0; } .wp-block .cf-field .cf-text__input:focus { box-shadow: none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Textarea ========================================================================== */ .wp-block .cf-field .cf-textarea__input { border-color: #e2e4e7; border-radius: 0; transition: border-color 0.1s linear; } .wp-block .cf-field .cf-textarea__input:focus { border-color: #3858e9; border-color: var(--wp-admin-theme-color, #3858e9); box-shadow: none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ------------------------------------------------------------ *\ Block Preview iFrame \* ------------------------------------------------------------ */ body.block-editor-iframe__body .cf-block-preview { display: block; } body.block-editor-iframe__body .cf-block__fields[\:has\(.cf-block-preview\)] .cf-field:not(.cf-block-preview) { display: none; } body.block-editor-iframe__body .cf-block__fields:has(.cf-block-preview) .cf-field:not(.cf-block-preview) { display: none; } /* ========================================================================== Colors ========================================================================== */ /* ========================================================================== WordPress Colors - https://make.wordpress.org/design/handbook/design-guide/foundations/colors/ ========================================================================== */ /* ========================================================================== Gutenberg Colors - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_colors.scss ========================================================================== */ /* ========================================================================== Fonts ========================================================================== */ /* ========================================================================== Variables ========================================================================== */ /* ========================================================================== WordPress Variables ========================================================================== */ /* ========================================================================== Gutenberg Variables - https://github.com/WordPress/gutenberg/blob/master/assets/stylesheets/_variables.scss ========================================================================== */ /* ========================================================================== WP Admin CSS Custom Properties - https://github.com/WordPress/wordpress-develop/blob/trunk/src/wp-admin/css/common.css ========================================================================== */ /* ========================================================================== Mixins ========================================================================== */ /* ========================================================================== Block ========================================================================== */ .cf-block__tabs { margin-bottom: 16px; } .wp-block .cf-block__tabs-list { display: flex; padding: 0; margin: 0; list-style: none outside none; } .cf-block__tabs-item { padding: 8px; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 13px; line-height: 1; cursor: pointer; } .cf-block__tabs-item--current { box-shadow: 0 3px 0 #3858e9; box-shadow: 0 3px 0 var(--wp-admin-theme-color, #3858e9); } .cf-block__fields { display: flex; flex-wrap: wrap; } .cf-block__fields[hidden] { display: none; } .wp-block .cf-block__fields { margin: -8px; } .cf-block__preview { min-height: 100px; } .cf-block__preview .alignleft { float: left; margin: 0 1.5em 1.5em 0; } .cf-block__preview .alignright { float: right; margin: 0 0 1.5em 1.5em; } .cf-block__preview .aligncenter { display: block; margin: 0 auto 1.5em; } .cf-block__preview .wp-caption { max-width: 100%; } .cf-block__preview .wp-caption .wp-caption-text { font-size: 13px; text-align: center; } .cf-block__preview img { max-width: 100%; height: auto; } .cf-block__inner-blocks .block-list-appender { margin-top: 32px; margin-bottom: 32px; }