997 lines
38 KiB
CSS
997 lines
38 KiB
CSS
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Association
|
|
========================================================================== */
|
|
.block-editor .cf-association__cols {
|
|
margin-top: 4px;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.edit-post-sidebar .cf-association__cols {
|
|
flex-direction: column;
|
|
border-color: #8d96a0;
|
|
}
|
|
|
|
.edit-post-sidebar .cf-association__cols::before {
|
|
display: none;
|
|
background-color: #8d96a0;
|
|
}
|
|
|
|
.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 {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Complex
|
|
========================================================================== */
|
|
.cf-complex__placeholder-label {
|
|
font-size: 13px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.block-editor .cf-complex__inserter-menu {
|
|
z-index: 10;
|
|
list-style: none outside none;
|
|
background-color: #fff;
|
|
border: 1px solid #e2e4e7;
|
|
box-shadow: 0 3px 30px rgb(25 30 35 / 10%);
|
|
}
|
|
|
|
.block-editor .cf-complex__inserter-menu::before, .block-editor .cf-complex__inserter-menu::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 100%;
|
|
width: 0;
|
|
height: 0;
|
|
margin-top: -8px;
|
|
border-style: solid;
|
|
border-width: 8px 8px 8px 0;
|
|
}
|
|
|
|
.block-editor .cf-complex__inserter-menu::before {
|
|
margin-right: 1px;
|
|
border-color: transparent #e2e4e7;
|
|
}
|
|
|
|
.block-editor .cf-complex__inserter-menu::after {
|
|
border-color: transparent #fff;
|
|
}
|
|
|
|
.block-editor .cf-complex__inserter-item {
|
|
color: #40464d;
|
|
}
|
|
|
|
.block-editor .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 {
|
|
color: #555d66;
|
|
}
|
|
|
|
.block-editor .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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Field
|
|
========================================================================== */
|
|
.block-editor .cf-field {
|
|
min-width: 0;
|
|
padding: 8px;
|
|
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;
|
|
}
|
|
|
|
.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 {
|
|
border-color: #e2e4e7;
|
|
border-style: solid;
|
|
border-width: 1px 1px 0 0;
|
|
}
|
|
|
|
.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 {
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
DateTime
|
|
========================================================================== */
|
|
.edit-post-sidebar .cf-datetime__inner {
|
|
position: relative;
|
|
}
|
|
|
|
.edit-post-sidebar .cf-datetime__inner::before {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 9px;
|
|
display: inline-block;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Map
|
|
========================================================================== */
|
|
.edit-post-sidebar .cf-map__canvas {
|
|
margin-top: 4px;
|
|
border-color: #8d96a0;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.block-editor .cf-map__search[focus-within] ~ .cf-map__canvas {
|
|
border-color: #00a0d2;
|
|
}
|
|
|
|
.block-editor .cf-map__search:focus-within ~ .cf-map__canvas {
|
|
border-color: #00a0d2;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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: #00a0d2;
|
|
box-shadow: 0 0 0 1px #00a0d2;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Media Gallery
|
|
========================================================================== */
|
|
@media (width >= 1440px) {
|
|
.block-editor .cf-media-gallery__item {
|
|
flex-basis: 16.6667%;
|
|
}
|
|
}
|
|
|
|
@media (width >= 1680px) {
|
|
.block-editor .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 {
|
|
background-color: #f3f4f5;
|
|
}
|
|
|
|
.block-editor .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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
oEmbed
|
|
========================================================================== */
|
|
.edit-post-sidebar .cf-oembed__preview {
|
|
margin-top: 4px;
|
|
border-color: #8d96a0;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.block-editor .cf-oembed[focus-within] .cf-oembed__preview {
|
|
border-color: #00a0d2;
|
|
}
|
|
|
|
.block-editor .cf-oembed:focus-within .cf-oembed__preview {
|
|
border-color: #00a0d2;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Radio Image
|
|
========================================================================== */
|
|
.block-editor .cf-radio__list-item {
|
|
margin: 0;
|
|
}
|
|
|
|
@media (width >= 1440px) {
|
|
.wp-block .cf-radio-image .cf-radio__list-item {
|
|
flex-basis: 25%;
|
|
}
|
|
}
|
|
|
|
@media (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 {
|
|
outline: 2px solid #00a0d2;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Separator
|
|
========================================================================== */
|
|
.block-editor .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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
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: #00a0d2;
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ------------------------------------------------------------ *\
|
|
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
|
|
========================================================================== */
|
|
|
|
/* ==========================================================================
|
|
Block
|
|
========================================================================== */
|
|
.cf-block__tabs {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.wp-block .cf-block__tabs-list {
|
|
display: flex;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none outside none;
|
|
}
|
|
|
|
.cf-block__tabs-item {
|
|
cursor: pointer;
|
|
margin: 0;
|
|
padding: 8px;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.cf-block__tabs-item--current {
|
|
box-shadow: 0 3px 0 #00a0d2;
|
|
}
|
|
|
|
.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__inner-blocks .block-list-appender {
|
|
margin-top: 32px;
|
|
margin-bottom: 32px;
|
|
}
|