UNPKG

@wordpress/block-library

Version:
222 lines (216 loc) 4.39 kB
/** * Colors */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Fonts & basic variables. */ /** * Typography */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Radius scale. */ /** * Elevation scale. */ /** * Dimensions. */ /** * Mobile specific styles */ /** * Editor styles. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Colors */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Fonts & basic variables. */ /** * Typography */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Radius scale. */ /** * Elevation scale. */ /** * Dimensions. */ /** * Mobile specific styles */ /** * Editor styles. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Breakpoints & Media Queries */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Typography */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ .wp-block-cover.is-placeholder { padding: 0 !important; display: flex; align-items: stretch; min-height: 240px; } .wp-block-cover.is-placeholder .components-placeholder.is-large { justify-content: flex-start; z-index: 1; } .wp-block-cover.is-placeholder:focus::after { min-height: auto; } .wp-block-cover.components-placeholder h2 { color: inherit; } .wp-block-cover.is-transient { position: relative; } .wp-block-cover.is-transient::before { background-color: #fff; content: ""; height: 100%; opacity: 0.3; position: absolute; width: 100%; z-index: 1; } .wp-block-cover.is-transient .wp-block-cover__inner-container { z-index: 2; } .wp-block-cover .components-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .wp-block-cover .wp-block-cover__inner-container { text-align: left; margin-left: 0; margin-right: 0; } .wp-block-cover .wp-block-cover__placeholder-background-options { width: 100%; } .wp-block-cover .wp-block-cover__image--placeholder-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } [data-align=left] > .wp-block-cover, [data-align=right] > .wp-block-cover { max-width: 420px; width: 100%; } .block-library-cover__reset-button { margin-left: auto; } .block-library-cover__resize-container { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; min-height: 50px; } .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div, .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container { pointer-events: none; overflow: visible; } .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { background-attachment: scroll; } .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) { margin-top: 24px; }