godaddy-wordpress/go

View on GitHub
.dev/assets/shared/css/style-editor.scss

Summary

Maintainability
Test Coverage
// Global variables
@import "config/breakpoints";
@import "config/mixins";
@import "config/root";

// Styling the editor
@import "editor/settings";
@import "editor/vertical-rhythm";
@import "editor/horizontal-rhythm";
@import "editor/title-block";
@import "editor/title-permalink";

.editor-post-title__input {
    padding: 19px 0;
    text-align: center;
}

.wp-block-button {
    margin-bottom: var(--go--spacing--vertical) !important;
}

// Add padding to the editor.
body {
    padding-left: var(--go-block--padding--x);
    padding-right: var(--go-block--padding--x);
}

// Add negative padding on fullwidth blocks.
.block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
    margin-left: calc(-1 * var(--go-block--padding--x));
    margin-right: calc(-1 * var(--go-block--padding--x));
}

// Default appender
.editor-default-block-appender .editor-default-block-appender__content {
    font-display: swap;
    font-family: var(--go--font-family);
    font-size: var(--go--font-size);
}

// Make fonts smaller in previews
body.block-editor-block-preview__container {
    --go--type-scale-0: calc(var(--go--heading-size, var(--go--font-size)) * 0.75);
}

// Block Editor Insert Panel Fix
body.block-editor-inserter__panel-content {

    .wp-block[data-align="full"],
    .wp-block[data-align="wide"] {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
}

.px {
    padding-left: var(--go-block--padding--x) !important;
    padding-right: var(--go-block--padding--x) !important;
}

// Elements
@import "elements/headings";
@import "elements/typography";

// Utitlities
@import "utilities/padding";
@import "utilities/font-sizes";
@import "utilities/captions";
@import "utilities/colors";

// Blocks
@import "blocks/blocks";
@import "blocks/blocks-editor";