Dashboard
PHP:
7.4.33
OS:
Linux
User:
vqweckd
/
/
home
/
vqweckd
/
www
/
wp-includes
/
css
/
dist
/
block-library
📤 Upload
📝 New File
📁 New Folder
Close
Editing: common.css
/** * Colors */ /** * 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. */ /** * 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. */ :root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: rgb(0, 107, 160.5); --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (min-resolution: 192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } /** * Element styles. */ .wp-element-button { cursor: pointer; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-very-light-gray-color { color: #eee; } :root .has-very-dark-gray-color { color: #313131; } :root { /* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */ } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); } :root { /* stylelint-enable @stylistic/function-comma-space-after */ --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } :root .has-text-align-center { text-align: center; } :root .has-text-align-left { /*rtl:ignore*/ text-align: left; } :root .has-text-align-right { /*rtl:ignore*/ text-align: right; } .has-fit-text { white-space: nowrap !important; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; word-break: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /** * The following provide a simple means of applying a default border style when * a user first makes a selection in the border block support panel. * This prevents issues such as where the user could set a border width * and see no border due there being no border style set. * * This is intended to be removed once intelligent defaults can be set while * making border selections via the block support. * * See: https://github.com/WordPress/gutenberg/pull/33743 */ html :where(.has-border-color) { border-style: solid; } html :where([style^=border-color], [style*=";border-color"], [style*="; border-color"]) { border-style: solid; } html :where([style^=border-top-color], [style*=";border-top-color"], [style*="; border-top-color"]) { border-top-style: solid; } html :where([style^=border-right-color], [style*=";border-right-color"], [style*="; border-right-color"]) { /*rtl:ignore*/ border-right-style: solid; } html :where([style^=border-bottom-color], [style*=";border-bottom-color"], [style*="; border-bottom-color"]) { border-bottom-style: solid; } html :where([style^=border-left-color], [style*=";border-left-color"], [style*="; border-left-color"]) { /*rtl:ignore*/ border-left-style: solid; } html :where([style^=border-width], [style*=";border-width"], [style*="; border-width"]) { border-style: solid; } html :where([style^=border-top-width], [style*=";border-top-width"], [style*="; border-top-width"]) { border-top-style: solid; } html :where([style^=border-right-width], [style*=";border-right-width"], [style*="; border-right-width"]) { /*rtl:ignore*/ border-right-style: solid; } html :where([style^=border-bottom-width], [style*=";border-bottom-width"], [style*="; border-bottom-width"]) { border-bottom-style: solid; } html :where([style^=border-left-width], [style*=";border-left-width"], [style*="; border-left-width"]) { /*rtl:ignore*/ border-left-style: solid; } /** * Provide baseline responsiveness for images. */ html :where(img[class*=wp-image-]) { height: auto; max-width: 100%; } /** * Reset user agent styles for figure element margins. */ :where(figure) { margin: 0 0 1em 0; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); } @media screen and (max-width: 600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } }
Save
Cancel