/**

[0] Fix | Delete

* Colors

[1] Fix | Delete

*/

[2] Fix | Delete

/**

[3] Fix | Delete

* Breakpoints & Media Queries

[4] Fix | Delete

*/

[5] Fix | Delete

/**

[6] Fix | Delete

* SCSS Variables.

[7] Fix | Delete

*

[8] Fix | Delete

* Please use variables from this sheet to ensure consistency across the UI.

[9] Fix | Delete

* Don't add to this sheet unless you're pretty sure the value will be reused in many places.

[10] Fix | Delete

* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.

[11] Fix | Delete

*/

[12] Fix | Delete

/**

[13] Fix | Delete

* Colors

[14] Fix | Delete

*/

[15] Fix | Delete

/**

[16] Fix | Delete

* Fonts & basic variables.

[17] Fix | Delete

*/

[18] Fix | Delete

/**

[19] Fix | Delete

* Grid System.

[20] Fix | Delete

* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/

[21] Fix | Delete

*/

[22] Fix | Delete

/**

[23] Fix | Delete

* Dimensions.

[24] Fix | Delete

*/

[25] Fix | Delete

/**

[26] Fix | Delete

* Shadows.

[27] Fix | Delete

*/

[28] Fix | Delete

/**

[29] Fix | Delete

* Editor widths.

[30] Fix | Delete

*/

[31] Fix | Delete

/**

[32] Fix | Delete

* Block & Editor UI.

[33] Fix | Delete

*/

[34] Fix | Delete

/**

[35] Fix | Delete

* Block paddings.

[36] Fix | Delete

*/

[37] Fix | Delete

/**

[38] Fix | Delete

* React Native specific.

[39] Fix | Delete

* These variables do not appear to be used anywhere else.

[40] Fix | Delete

*/

[41] Fix | Delete

/**

[42] Fix | Delete

* Breakpoint mixins

[43] Fix | Delete

*/

[44] Fix | Delete

/**

[45] Fix | Delete

* Long content fade mixin

[46] Fix | Delete

*

[47] Fix | Delete

* Creates a fading overlay to signify that the content is longer

[48] Fix | Delete

* than the space allows.

[49] Fix | Delete

*/

[50] Fix | Delete

/**

[51] Fix | Delete

* Focus styles.

[52] Fix | Delete

*/

[53] Fix | Delete

/**

[54] Fix | Delete

* Applies editor left position to the selector passed as argument

[55] Fix | Delete

*/

[56] Fix | Delete

/**

[57] Fix | Delete

* Styles that are reused verbatim in a few places

[58] Fix | Delete

*/

[59] Fix | Delete

/**

[60] Fix | Delete

* Allows users to opt-out of animations via OS-level preferences.

[61] Fix | Delete

*/

[62] Fix | Delete

/**

[63] Fix | Delete

* Reset default styles for JavaScript UI based pages.

[64] Fix | Delete

* This is a WP-admin agnostic reset

[65] Fix | Delete

*/

[66] Fix | Delete

/**

[67] Fix | Delete

* Reset the WP Admin page styles for Gutenberg-like pages.

[68] Fix | Delete

*/

[69] Fix | Delete

/**

[70] Fix | Delete

* These are default block editor widths in case the theme doesn't provide them.

[71] Fix | Delete

*/

[72] Fix | Delete

:root {

[73] Fix | Delete

--wp-admin-theme-color: #007cba;

[74] Fix | Delete

--wp-admin-theme-color-darker-10: #006ba1;

[75] Fix | Delete

--wp-admin-theme-color-darker-20: #005a87;

[76] Fix | Delete

--wp-admin-border-width-focus: 2px;

[77] Fix | Delete

}

[78] Fix | Delete

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

[79] Fix | Delete

:root {

[80] Fix | Delete

--wp-admin-border-width-focus: 1.5px;

[81] Fix | Delete

}

[82] Fix | Delete

}

[83] Fix | Delete

[84] Fix | Delete

.block-editor-format-toolbar__image-popover {

[85] Fix | Delete

z-index: 159990;

[86] Fix | Delete

}

[87] Fix | Delete

[88] Fix | Delete

.block-editor-format-toolbar__image-container-content {

[89] Fix | Delete

display: flex;

[90] Fix | Delete

}

[91] Fix | Delete

.block-editor-format-toolbar__image-container-content .components-button {

[92] Fix | Delete

align-self: flex-end;

[93] Fix | Delete

height: 30px;

[94] Fix | Delete

margin-bottom: 8px;

[95] Fix | Delete

margin-right: 8px;

[96] Fix | Delete

padding: 0 6px;

[97] Fix | Delete

}

[98] Fix | Delete

[99] Fix | Delete

.block-editor-format-toolbar__image-container-value {

[100] Fix | Delete

margin: 7px;

[101] Fix | Delete

flex-grow: 1;

[102] Fix | Delete

flex-shrink: 1;

[103] Fix | Delete

white-space: nowrap;

[104] Fix | Delete

min-width: 150px;

[105] Fix | Delete

max-width: 500px;

[106] Fix | Delete

}

[107] Fix | Delete

.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field {

[108] Fix | Delete

margin-bottom: 0;

[109] Fix | Delete

}

[110] Fix | Delete

.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label {

[111] Fix | Delete

display: block;

[112] Fix | Delete

}

[113] Fix | Delete

[114] Fix | Delete

.block-editor-format-toolbar__link-container-content {

[115] Fix | Delete

display: flex;

[116] Fix | Delete

}

[117] Fix | Delete

[118] Fix | Delete

.block-editor-format-toolbar__link-container-value {

[119] Fix | Delete

margin: 7px;

[120] Fix | Delete

flex-grow: 1;

[121] Fix | Delete

flex-shrink: 1;

[122] Fix | Delete

overflow: hidden;

[123] Fix | Delete

text-overflow: ellipsis;

[124] Fix | Delete

white-space: nowrap;

[125] Fix | Delete

min-width: 150px;

[126] Fix | Delete

max-width: 500px;

[127] Fix | Delete

}

[128] Fix | Delete

.block-editor-format-toolbar__link-container-value.has-invalid-link {

[129] Fix | Delete

color: #cc1818;

[130] Fix | Delete

}

[131] Fix | Delete

[132] Fix | Delete

.components-inline-color__indicator {

[133] Fix | Delete

position: absolute;

[134] Fix | Delete

background: #000;

[135] Fix | Delete

height: 3px;

[136] Fix | Delete

width: 20px;

[137] Fix | Delete

bottom: 6px;

[138] Fix | Delete

left: auto;

[139] Fix | Delete

right: auto;

[140] Fix | Delete

margin: 0 5px;

[141] Fix | Delete

}

[142] Fix | Delete

[143] Fix | Delete

.components-inline-color-popover .components-popover__content > div {

[144] Fix | Delete

padding: 20px 18px;

[145] Fix | Delete

}

[146] Fix | Delete

.components-inline-color-popover .components-popover__content .components-color-palette {

[147] Fix | Delete

margin-top: 0.6rem;

[148] Fix | Delete

}

[149] Fix | Delete

.components-inline-color-popover .components-popover__content .components-base-control__title {

[150] Fix | Delete

display: block;

[151] Fix | Delete

margin-bottom: 16px;

[152] Fix | Delete

font-weight: 600;

[153] Fix | Delete

color: #191e23;

[154] Fix | Delete

}

[155] Fix | Delete

.components-inline-color-popover .components-popover__content .component-color-indicator {

[156] Fix | Delete

vertical-align: text-bottom;

[157] Fix | Delete

}

[158] Fix | Delete

[159] Fix | Delete

.format-library-text-color-button {

[160] Fix | Delete

position: relative;

[161] Fix | Delete

}

[162] Fix | Delete

[163] Fix | Delete

.format-library-text-color-button__indicator {

[164] Fix | Delete

height: 4px;

[165] Fix | Delete

width: 20px;

[166] Fix | Delete

position: absolute;

[167] Fix | Delete

bottom: 10px;

[168] Fix | Delete

left: 8px;

[169] Fix | Delete

}

[170] Fix | Delete