Dashboard
PHP:
7.4.33
OS:
Linux
User:
vqweckd
/
/
home
/
vqweckd
/
www
/
wp-includes
/
blocks
/
html
📤 Upload
📝 New File
📁 New Folder
Close
Editing: editor.css
/** * Typography */ /** * 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. */ /** * Colors */ /** * 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. */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Standard focus rings for the WordPress Design System. * * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, * e.g. `&:focus { @include outset-ring__focus(); }`. */ /** * 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. */ /** * Creates a checkerboard pattern background to indicate transparency. * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px. */ .block-library-html__edit .block-library-html__preview-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .block-library-html__edit-code { margin: 16px; } .block-library-html__edit-code .block-library-html__edit-code-button { justify-content: center; } @media (min-width: 600px) { .block-library-html__modal:not(.is-full-screen) { height: 9999rem; } } .block-library-html__modal .components-modal__children-container { height: 100%; } .block-library-html__modal-tabs { flex: 1; } .block-library-html__modal-content { flex: 1; } .block-library-html__modal-tab { height: 100%; display: flex; flex-direction: column; margin: 0; box-sizing: border-box; border: 1px solid #e0e0e0; border-radius: 2px; padding: 16px; font-family: Menlo, Consolas, monaco, monospace; } .block-library-html__modal-editor { width: 100%; height: 100%; flex: 1; border: none; background: transparent; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; resize: none; /*rtl:ignore*/ direction: ltr; overflow-x: auto; box-sizing: border-box; } .block-library-html__modal-editor:focus { outline: none; box-shadow: none; } .block-library-html__preview { display: flex; align-items: center; justify-content: center; min-height: 0; overflow-y: auto; flex: 1; } .block-library-html__preview iframe { height: 100%; }
Save
Cancel