lol backups and old site first commit
This commit is contained in:
@@ -0,0 +1,214 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
body.admin-color-light {
|
||||
--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) {
|
||||
body.admin-color-light {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-modern {
|
||||
--wp-admin-theme-color: #3858e9;
|
||||
--wp-admin-theme-color--rgb: 56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
|
||||
--wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-modern {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-blue {
|
||||
--wp-admin-theme-color: #437aa8;
|
||||
--wp-admin-theme-color--rgb: 67, 122, 168;
|
||||
--wp-admin-theme-color-darker-10: rgb(59.729787234, 108.7617021277, 149.770212766);
|
||||
--wp-admin-theme-color-darker-10--rgb: 59.729787234, 108.7617021277, 149.770212766;
|
||||
--wp-admin-theme-color-darker-20: rgb(52.4595744681, 95.5234042553, 131.5404255319);
|
||||
--wp-admin-theme-color-darker-20--rgb: 52.4595744681, 95.5234042553, 131.5404255319;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-blue {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-theme-color: #916745;
|
||||
--wp-admin-theme-color--rgb: 145, 103, 69;
|
||||
--wp-admin-theme-color-darker-10: rgb(127.7219626168, 90.726635514, 60.7780373832);
|
||||
--wp-admin-theme-color-darker-10--rgb: 127.7219626168, 90.726635514, 60.7780373832;
|
||||
--wp-admin-theme-color-darker-20: rgb(110.4439252336, 78.453271028, 52.5560747664);
|
||||
--wp-admin-theme-color-darker-20--rgb: 110.4439252336, 78.453271028, 52.5560747664;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-theme-color: #646c3e;
|
||||
--wp-admin-theme-color--rgb: 100, 108, 62;
|
||||
--wp-admin-theme-color-darker-10: rgb(85, 91.8, 52.7);
|
||||
--wp-admin-theme-color-darker-10--rgb: 85, 91.8, 52.7;
|
||||
--wp-admin-theme-color-darker-20: rgb(70, 75.6, 43.4);
|
||||
--wp-admin-theme-color-darker-20--rgb: 70, 75.6, 43.4;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-theme-color: #cf4339;
|
||||
--wp-admin-theme-color--rgb: 207, 67, 57;
|
||||
--wp-admin-theme-color-darker-10: rgb(191.9634146341, 56.2317073171, 46.5365853659);
|
||||
--wp-admin-theme-color-darker-10--rgb: 191.9634146341, 56.2317073171, 46.5365853659;
|
||||
--wp-admin-theme-color-darker-20: rgb(171.4390243902, 50.2195121951, 41.5609756098);
|
||||
--wp-admin-theme-color-darker-20--rgb: 171.4390243902, 50.2195121951, 41.5609756098;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-theme-color: #567958;
|
||||
--wp-admin-theme-color--rgb: 86, 121, 88;
|
||||
--wp-admin-theme-color-darker-10: rgb(75.4057971014, 106.0942028986, 77.1594202899);
|
||||
--wp-admin-theme-color-darker-10--rgb: 75.4057971014, 106.0942028986, 77.1594202899;
|
||||
--wp-admin-theme-color-darker-20: rgb(64.8115942029, 91.1884057971, 66.3188405797);
|
||||
--wp-admin-theme-color-darker-20--rgb: 64.8115942029, 91.1884057971, 66.3188405797;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-theme-color: #ad631e;
|
||||
--wp-admin-theme-color--rgb: 173, 99, 30;
|
||||
--wp-admin-theme-color-darker-10: rgb(151.2684729064, 86.5640394089, 26.2315270936);
|
||||
--wp-admin-theme-color-darker-10--rgb: 151.2684729064, 86.5640394089, 26.2315270936;
|
||||
--wp-admin-theme-color-darker-20: rgb(129.5369458128, 74.1280788177, 22.4630541872);
|
||||
--wp-admin-theme-color-darker-20--rgb: 129.5369458128, 74.1280788177, 22.4630541872;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body.admin-color-light{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--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){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#437aa8;--wp-admin-theme-color--rgb:67,122,168;--wp-admin-theme-color-darker-10:#3c6d96;--wp-admin-theme-color-darker-10--rgb:59.729787234,108.7617021277,149.770212766;--wp-admin-theme-color-darker-20:#346084;--wp-admin-theme-color-darker-20--rgb:52.4595744681,95.5234042553,131.5404255319;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#916745;--wp-admin-theme-color--rgb:145,103,69;--wp-admin-theme-color-darker-10:#805b3d;--wp-admin-theme-color-darker-10--rgb:127.7219626168,90.726635514,60.7780373832;--wp-admin-theme-color-darker-20:#6e4e35;--wp-admin-theme-color-darker-20--rgb:110.4439252336,78.453271028,52.5560747664;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#646c3e;--wp-admin-theme-color--rgb:100,108,62;--wp-admin-theme-color-darker-10:#555c35;--wp-admin-theme-color-darker-10--rgb:85,91.8,52.7;--wp-admin-theme-color-darker-20:#464c2b;--wp-admin-theme-color-darker-20--rgb:70,75.6,43.4;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#cf4339;--wp-admin-theme-color--rgb:207,67,57;--wp-admin-theme-color-darker-10:#c0382f;--wp-admin-theme-color-darker-10--rgb:191.9634146341,56.2317073171,46.5365853659;--wp-admin-theme-color-darker-20:#ab322a;--wp-admin-theme-color-darker-20--rgb:171.4390243902,50.2195121951,41.5609756098;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#567958;--wp-admin-theme-color--rgb:86,121,88;--wp-admin-theme-color-darker-10:#4b6a4d;--wp-admin-theme-color-darker-10--rgb:75.4057971014,106.0942028986,77.1594202899;--wp-admin-theme-color-darker-20:#415b42;--wp-admin-theme-color-darker-20--rgb:64.8115942029,91.1884057971,66.3188405797;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#ad631e;--wp-admin-theme-color--rgb:173,99,30;--wp-admin-theme-color-darker-10:#97571a;--wp-admin-theme-color-darker-10--rgb:151.2684729064,86.5640394089,26.2315270936;--wp-admin-theme-color-darker-20:#824a16;--wp-admin-theme-color-darker-20--rgb:129.5369458128,74.1280788177,22.4630541872;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
@@ -0,0 +1,214 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
body.admin-color-light {
|
||||
--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) {
|
||||
body.admin-color-light {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-modern {
|
||||
--wp-admin-theme-color: #3858e9;
|
||||
--wp-admin-theme-color--rgb: 56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
|
||||
--wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-modern {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-blue {
|
||||
--wp-admin-theme-color: #437aa8;
|
||||
--wp-admin-theme-color--rgb: 67, 122, 168;
|
||||
--wp-admin-theme-color-darker-10: rgb(59.729787234, 108.7617021277, 149.770212766);
|
||||
--wp-admin-theme-color-darker-10--rgb: 59.729787234, 108.7617021277, 149.770212766;
|
||||
--wp-admin-theme-color-darker-20: rgb(52.4595744681, 95.5234042553, 131.5404255319);
|
||||
--wp-admin-theme-color-darker-20--rgb: 52.4595744681, 95.5234042553, 131.5404255319;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-blue {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-theme-color: #916745;
|
||||
--wp-admin-theme-color--rgb: 145, 103, 69;
|
||||
--wp-admin-theme-color-darker-10: rgb(127.7219626168, 90.726635514, 60.7780373832);
|
||||
--wp-admin-theme-color-darker-10--rgb: 127.7219626168, 90.726635514, 60.7780373832;
|
||||
--wp-admin-theme-color-darker-20: rgb(110.4439252336, 78.453271028, 52.5560747664);
|
||||
--wp-admin-theme-color-darker-20--rgb: 110.4439252336, 78.453271028, 52.5560747664;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-theme-color: #646c3e;
|
||||
--wp-admin-theme-color--rgb: 100, 108, 62;
|
||||
--wp-admin-theme-color-darker-10: rgb(85, 91.8, 52.7);
|
||||
--wp-admin-theme-color-darker-10--rgb: 85, 91.8, 52.7;
|
||||
--wp-admin-theme-color-darker-20: rgb(70, 75.6, 43.4);
|
||||
--wp-admin-theme-color-darker-20--rgb: 70, 75.6, 43.4;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-theme-color: #cf4339;
|
||||
--wp-admin-theme-color--rgb: 207, 67, 57;
|
||||
--wp-admin-theme-color-darker-10: rgb(191.9634146341, 56.2317073171, 46.5365853659);
|
||||
--wp-admin-theme-color-darker-10--rgb: 191.9634146341, 56.2317073171, 46.5365853659;
|
||||
--wp-admin-theme-color-darker-20: rgb(171.4390243902, 50.2195121951, 41.5609756098);
|
||||
--wp-admin-theme-color-darker-20--rgb: 171.4390243902, 50.2195121951, 41.5609756098;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-theme-color: #567958;
|
||||
--wp-admin-theme-color--rgb: 86, 121, 88;
|
||||
--wp-admin-theme-color-darker-10: rgb(75.4057971014, 106.0942028986, 77.1594202899);
|
||||
--wp-admin-theme-color-darker-10--rgb: 75.4057971014, 106.0942028986, 77.1594202899;
|
||||
--wp-admin-theme-color-darker-20: rgb(64.8115942029, 91.1884057971, 66.3188405797);
|
||||
--wp-admin-theme-color-darker-20--rgb: 64.8115942029, 91.1884057971, 66.3188405797;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-theme-color: #ad631e;
|
||||
--wp-admin-theme-color--rgb: 173, 99, 30;
|
||||
--wp-admin-theme-color-darker-10: rgb(151.2684729064, 86.5640394089, 26.2315270936);
|
||||
--wp-admin-theme-color-darker-10--rgb: 151.2684729064, 86.5640394089, 26.2315270936;
|
||||
--wp-admin-theme-color-darker-20: rgb(129.5369458128, 74.1280788177, 22.4630541872);
|
||||
--wp-admin-theme-color-darker-20--rgb: 129.5369458128, 74.1280788177, 22.4630541872;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body.admin-color-light{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--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){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#437aa8;--wp-admin-theme-color--rgb:67,122,168;--wp-admin-theme-color-darker-10:#3c6d96;--wp-admin-theme-color-darker-10--rgb:59.729787234,108.7617021277,149.770212766;--wp-admin-theme-color-darker-20:#346084;--wp-admin-theme-color-darker-20--rgb:52.4595744681,95.5234042553,131.5404255319;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#916745;--wp-admin-theme-color--rgb:145,103,69;--wp-admin-theme-color-darker-10:#805b3d;--wp-admin-theme-color-darker-10--rgb:127.7219626168,90.726635514,60.7780373832;--wp-admin-theme-color-darker-20:#6e4e35;--wp-admin-theme-color-darker-20--rgb:110.4439252336,78.453271028,52.5560747664;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#646c3e;--wp-admin-theme-color--rgb:100,108,62;--wp-admin-theme-color-darker-10:#555c35;--wp-admin-theme-color-darker-10--rgb:85,91.8,52.7;--wp-admin-theme-color-darker-20:#464c2b;--wp-admin-theme-color-darker-20--rgb:70,75.6,43.4;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#cf4339;--wp-admin-theme-color--rgb:207,67,57;--wp-admin-theme-color-darker-10:#c0382f;--wp-admin-theme-color-darker-10--rgb:191.9634146341,56.2317073171,46.5365853659;--wp-admin-theme-color-darker-20:#ab322a;--wp-admin-theme-color-darker-20--rgb:171.4390243902,50.2195121951,41.5609756098;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#567958;--wp-admin-theme-color--rgb:86,121,88;--wp-admin-theme-color-darker-10:#4b6a4d;--wp-admin-theme-color-darker-10--rgb:75.4057971014,106.0942028986,77.1594202899;--wp-admin-theme-color-darker-20:#415b42;--wp-admin-theme-color-darker-20--rgb:64.8115942029,91.1884057971,66.3188405797;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#ad631e;--wp-admin-theme-color--rgb:173,99,30;--wp-admin-theme-color-darker-10:#97571a;--wp-admin-theme-color-darker-10--rgb:151.2684729064,86.5640394089,26.2315270936;--wp-admin-theme-color-darker-20:#824a16;--wp-admin-theme-color-darker-20--rgb:129.5369458128,74.1280788177,22.4630541872;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
@@ -0,0 +1,289 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.block-directory-block-ratings > span {
|
||||
display: flex;
|
||||
}
|
||||
.block-directory-block-ratings svg {
|
||||
fill: #1e1e1e;
|
||||
margin-right: -4px;
|
||||
}
|
||||
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.block-directory-compact-list {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.block-directory-compact-list__item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-details {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-title {
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-author {
|
||||
color: #757575;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-icon {
|
||||
min-width: 54px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 12px;
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
text-align: right;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-directory-downloadable-block-list-item {
|
||||
transition: box-shadow 0.1s linear;
|
||||
}
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
position: relative;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:not([aria-disabled=true]) {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:hover {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item[data-focus-visible] {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__icon {
|
||||
position: relative;
|
||||
margin-left: 16px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.is-installing .block-directory-downloadable-block-list-item__icon {
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.block-directory-block-ratings {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__details {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__title {
|
||||
display: block;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__author {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__desc {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice {
|
||||
margin: 8px 0 0;
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice__content {
|
||||
padding-left: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel {
|
||||
padding: 16px;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading {
|
||||
font-style: normal;
|
||||
padding: 0;
|
||||
margin: 112px 0;
|
||||
text-align: center;
|
||||
color: #757575;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
|
||||
float: inherit;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__no-local {
|
||||
margin: 48px 0;
|
||||
padding: 0 64px;
|
||||
color: #757575;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__description {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.installed-blocks-pre-publish-panel__copy {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
: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:#006ba1;--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}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-right:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{margin-top:4px}.block-directory-downloadable-block-list-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;display:grid;grid-template-columns:auto 1fr;height:auto;margin:0;padding:12px;text-align:right;width:100%}@media not (prefers-reduced-motion){.block-directory-downloadable-block-list-item{transition:box-shadow .1s linear}}.block-directory-downloadable-block-list-item{position:relative}.block-directory-downloadable-block-list-item:not([aria-disabled=true]){cursor:var(--wpds-cursor-control,pointer)}.block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{display:none}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-left:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.is-installing .block-directory-downloadable-block-list-item__icon{margin-left:22px}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-left:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description,.installed-blocks-pre-publish-panel__copy{margin-top:0}
|
||||
@@ -0,0 +1,289 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.block-directory-block-ratings > span {
|
||||
display: flex;
|
||||
}
|
||||
.block-directory-block-ratings svg {
|
||||
fill: #1e1e1e;
|
||||
margin-left: -4px;
|
||||
}
|
||||
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.block-directory-compact-list {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.block-directory-compact-list__item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-details {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-title {
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-author {
|
||||
color: #757575;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-icon {
|
||||
min-width: 54px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 12px;
|
||||
margin: 0;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
text-align: left;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-directory-downloadable-block-list-item {
|
||||
transition: box-shadow 0.1s linear;
|
||||
}
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
position: relative;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:not([aria-disabled=true]) {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:hover {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item[data-focus-visible] {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__icon {
|
||||
position: relative;
|
||||
margin-right: 16px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.is-installing .block-directory-downloadable-block-list-item__icon {
|
||||
margin-right: 22px;
|
||||
}
|
||||
|
||||
.block-directory-block-ratings {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__details {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__title {
|
||||
display: block;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__author {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__desc {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice {
|
||||
margin: 8px 0 0;
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice__content {
|
||||
padding-right: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel {
|
||||
padding: 16px;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading {
|
||||
font-style: normal;
|
||||
padding: 0;
|
||||
margin: 112px 0;
|
||||
text-align: center;
|
||||
color: #757575;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
|
||||
float: inherit;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__no-local {
|
||||
margin: 48px 0;
|
||||
padding: 0 64px;
|
||||
color: #757575;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__description {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.installed-blocks-pre-publish-panel__copy {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
: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:#006ba1;--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}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-left:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{margin-top:4px}.block-directory-downloadable-block-list-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;display:grid;grid-template-columns:auto 1fr;height:auto;margin:0;padding:12px;text-align:left;width:100%}@media not (prefers-reduced-motion){.block-directory-downloadable-block-list-item{transition:box-shadow .1s linear}}.block-directory-downloadable-block-list-item{position:relative}.block-directory-downloadable-block-list-item:not([aria-disabled=true]){cursor:var(--wpds-cursor-control,pointer)}.block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{display:none}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-right:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.is-installing .block-directory-downloadable-block-list-item__icon{margin-right:22px}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-right:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description,.installed-blocks-pre-publish-panel__copy{margin-top:0}
|
||||
@@ -0,0 +1,951 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: CanvasText;
|
||||
}
|
||||
}
|
||||
.block-editor-block-icon svg {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
max-width: 24px;
|
||||
max-height: 24px;
|
||||
}
|
||||
|
||||
.block-editor-block-styles .block-editor-block-list__block {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Cross-Block Selection
|
||||
*/
|
||||
@keyframes selection-overlay__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */
|
||||
_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,
|
||||
_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
.block-editor-block-list__layout {
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::-moz-selection {
|
||||
background: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
|
||||
background: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: var(--wp-admin-theme-color);
|
||||
opacity: 0.4;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
animation: selection-overlay__fade-in-animation 0.1s ease-out;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {
|
||||
outline-color: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
|
||||
outline: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
z-index: 1;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-block-hidden {
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout.is-layout-flex:not(.is-vertical) > .is-block-hidden {
|
||||
width: 0;
|
||||
height: auto;
|
||||
align-self: stretch;
|
||||
white-space: nowrap !important;
|
||||
margin-right: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout [class^=components-] {
|
||||
-webkit-user-select: text;
|
||||
-moz-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
position: relative;
|
||||
overflow-wrap: break-word;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
|
||||
z-index: 20;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
/**
|
||||
* Notices
|
||||
*/
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
|
||||
margin: -10px 0 12px 0;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
|
||||
margin: 0 0 12px 0;
|
||||
width: 100%;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
|
||||
min-height: 48px;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
|
||||
pointer-events: all;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
|
||||
float: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([draggable=true]), .block-editor-block-list__layout .block-editor-block-list__block:not([data-draggable=true]) {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true] {
|
||||
cursor: grab;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[contenteditable],
|
||||
.block-editor-block-list__layout .block-editor-block-list__block [contenteditable] {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
|
||||
@keyframes block-editor-is-editable__animation {
|
||||
from {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
to {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
@keyframes block-editor-is-editable__animation_reduce-motion {
|
||||
0% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
99% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation;
|
||||
animation-duration: 0.8s;
|
||||
animation-timing-function: ease-out;
|
||||
animation-delay: 0.1s;
|
||||
animation-fill-mode: backwards;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation_reduce-motion;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
opacity: 0.2;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected .block-editor-block-list__block {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > *,
|
||||
.wp-block[data-align=right] > *,
|
||||
.wp-block.alignleft,
|
||||
.wp-block.alignright {
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=left] {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=right] {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=center] {
|
||||
justify-content: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-Canvas Inserter
|
||||
*/
|
||||
.block-editor-block-list .block-editor-inserter {
|
||||
margin: 8px;
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
@keyframes block-editor-inserter__toggle__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.wp-block .block-list-appender .block-editor-inserter__toggle {
|
||||
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
direction: ltr;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
transition: padding 0.2s linear;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
/* same color as the iframe's background */
|
||||
background: #ddd;
|
||||
margin-right: -1px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
}
|
||||
.is-zoomed-out .block-editor-block-list__zoom-out-separator {
|
||||
font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator.is-dragged-over {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.has-global-padding > .block-editor-block-list__zoom-out-separator,
|
||||
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
|
||||
max-width: none;
|
||||
margin: 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) !important;
|
||||
}
|
||||
|
||||
.is-dragging {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.is-preview-mode {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block > *:not(.block-editor-block-list__block) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.is-vertical .block-list-appender {
|
||||
width: 24px;
|
||||
margin-left: auto;
|
||||
margin-top: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.block-list-appender > .block-editor-inserter {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.has-block-overlay {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .is-dragging {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::-moz-selection {
|
||||
background: transparent !important;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::selection {
|
||||
background: transparent !important;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.wp-block img:not([draggable]),
|
||||
.wp-block svg:not([draggable]) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__content-iframe .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__live-content * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-button:disabled {
|
||||
opacity: initial;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-placeholder,
|
||||
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-variation-picker__variations,
|
||||
.block-editor-block-variation-picker__skip,
|
||||
.wp-block-group-placeholder__variations {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations svg,
|
||||
.block-editor-block-variation-picker__skip svg,
|
||||
.wp-block-group-placeholder__variations svg {
|
||||
fill: #949494 !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button,
|
||||
.block-editor-block-variation-picker__skip .components-button,
|
||||
.wp-block-group-placeholder__variations .components-button {
|
||||
padding: 4px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover,
|
||||
.wp-block-group-placeholder__variations .components-button:hover {
|
||||
background: none !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover svg,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover svg,
|
||||
.wp-block-group-placeholder__variations .components-button:hover svg {
|
||||
fill: var(--wp-admin-theme-color) !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations > li,
|
||||
.block-editor-block-variation-picker__skip > li,
|
||||
.wp-block-group-placeholder__variations > li {
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.block-editor-button-block-appender {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
color: #1e1e1e;
|
||||
border-color: currentColor;
|
||||
}
|
||||
.is-dark-theme .block-editor-button-block-appender {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
.block-editor-button-block-appender:hover {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
border: 1px dashed currentColor;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter {
|
||||
opacity: 0;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
|
||||
border: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
|
||||
visibility: visible;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
|
||||
border: none;
|
||||
}
|
||||
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Default block appender.
|
||||
*
|
||||
* This component shows up in 3 places:
|
||||
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
|
||||
* - on the right, inside empty paragraphs
|
||||
* - absolute positioned and blue inside nesting containers
|
||||
*/
|
||||
.block-editor-default-block-appender {
|
||||
clear: both;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-default-block-appender__content {
|
||||
opacity: 0.62;
|
||||
text-shadow: none;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .components-drop-zone__content-icon {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender .block-editor-inserter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fixed position appender (right bottom corner).
|
||||
*
|
||||
* These styles apply to all in-canvas inserters. All in-canvas inserters always
|
||||
* exist within a block.
|
||||
*/
|
||||
.block-editor-block-list__block .block-list-appender {
|
||||
position: absolute;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender.block-list-appender {
|
||||
margin: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon svg,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle.is-pressed svg {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
width: 24px;
|
||||
display: none;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:first-child {
|
||||
position: relative;
|
||||
left: auto;
|
||||
align-self: center;
|
||||
list-style: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:first-child .block-editor-default-block-appender__content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender__content {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.block-editor-iframe__body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.block-editor-iframe__html {
|
||||
transform-origin: top center;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-iframe__html {
|
||||
transition: background-color 400ms;
|
||||
}
|
||||
}
|
||||
.block-editor-iframe__html.zoom-out-animation {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0px));
|
||||
bottom: 0;
|
||||
overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out {
|
||||
transform: translateX(calc(-1*((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1))));
|
||||
scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
|
||||
background-color: var(--wp-editor-canvas-background);
|
||||
margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
|
||||
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body {
|
||||
min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
|
||||
flex: 1;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder__cancel-button.is-link {
|
||||
margin: 1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder.is-appender {
|
||||
min-height: 0;
|
||||
}
|
||||
.block-editor-media-placeholder.is-appender:hover {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-plain-text {
|
||||
box-shadow: none;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rich-text [data-rich-text-placeholder] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.rich-text [data-rich-text-placeholder]::after {
|
||||
content: attr(data-rich-text-placeholder);
|
||||
opacity: 0.62;
|
||||
text-shadow: none;
|
||||
}
|
||||
.rich-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
[data-rich-text-script] {
|
||||
display: inline;
|
||||
}
|
||||
[data-rich-text-script]::before {
|
||||
content: "</>";
|
||||
background: rgb(255, 255, 0);
|
||||
}
|
||||
|
||||
[data-rich-text-comment],
|
||||
[data-rich-text-format-boundary] {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
[data-rich-text-comment] {
|
||||
background-color: currentColor;
|
||||
}
|
||||
[data-rich-text-comment] span {
|
||||
filter: invert(100%);
|
||||
color: currentColor;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.rich-text [contenteditable=false]::-moz-selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.rich-text [contenteditable=false]::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.block-editor-warning {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
border: 1px solid #1e1e1e;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__message {
|
||||
line-height: 1.4;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 13px;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
}
|
||||
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
|
||||
min-height: auto;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__contents {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
gap: 12px;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__actions {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.components-popover.block-editor-warning__dropdown {
|
||||
z-index: 99998;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,952 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: CanvasText;
|
||||
}
|
||||
}
|
||||
.block-editor-block-icon svg {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
max-width: 24px;
|
||||
max-height: 24px;
|
||||
}
|
||||
|
||||
.block-editor-block-styles .block-editor-block-list__block {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Cross-Block Selection
|
||||
*/
|
||||
@keyframes selection-overlay__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */
|
||||
_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,
|
||||
_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
.block-editor-block-list__layout {
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::-moz-selection {
|
||||
background: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
|
||||
background: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: var(--wp-admin-theme-color);
|
||||
opacity: 0.4;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
animation: selection-overlay__fade-in-animation 0.1s ease-out;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {
|
||||
outline-color: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
|
||||
outline: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
z-index: 1;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-block-hidden {
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout.is-layout-flex:not(.is-vertical) > .is-block-hidden {
|
||||
width: 0;
|
||||
height: auto;
|
||||
align-self: stretch;
|
||||
white-space: nowrap !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout [class^=components-] {
|
||||
-webkit-user-select: text;
|
||||
-moz-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
position: relative;
|
||||
overflow-wrap: break-word;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
|
||||
z-index: 20;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
/**
|
||||
* Notices
|
||||
*/
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
|
||||
margin: -10px 0 12px 0;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
|
||||
margin: 0 0 12px 0;
|
||||
width: 100%;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
|
||||
min-height: 48px;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
|
||||
pointer-events: all;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
|
||||
float: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([draggable=true]), .block-editor-block-list__layout .block-editor-block-list__block:not([data-draggable=true]) {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true] {
|
||||
cursor: grab;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[contenteditable],
|
||||
.block-editor-block-list__layout .block-editor-block-list__block [contenteditable] {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
|
||||
@keyframes block-editor-is-editable__animation {
|
||||
from {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
to {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
@keyframes block-editor-is-editable__animation_reduce-motion {
|
||||
0% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
99% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation;
|
||||
animation-duration: 0.8s;
|
||||
animation-timing-function: ease-out;
|
||||
animation-delay: 0.1s;
|
||||
animation-fill-mode: backwards;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation_reduce-motion;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
opacity: 0.2;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected .block-editor-block-list__block {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > *,
|
||||
.wp-block[data-align=right] > *,
|
||||
.wp-block.alignleft,
|
||||
.wp-block.alignright {
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=left] {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=right] {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=center] {
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-Canvas Inserter
|
||||
*/
|
||||
.block-editor-block-list .block-editor-inserter {
|
||||
margin: 8px;
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
@keyframes block-editor-inserter__toggle__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.wp-block .block-list-appender .block-editor-inserter__toggle {
|
||||
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
/*rtl:ignore*/
|
||||
direction: ltr;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
transition: padding 0.2s linear;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
/* same color as the iframe's background */
|
||||
background: #ddd;
|
||||
margin-left: -1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
}
|
||||
.is-zoomed-out .block-editor-block-list__zoom-out-separator {
|
||||
font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator.is-dragged-over {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.has-global-padding > .block-editor-block-list__zoom-out-separator,
|
||||
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
|
||||
max-width: none;
|
||||
margin: 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) !important;
|
||||
}
|
||||
|
||||
.is-dragging {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.is-preview-mode {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block > *:not(.block-editor-block-list__block) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.is-vertical .block-list-appender {
|
||||
width: 24px;
|
||||
margin-right: auto;
|
||||
margin-top: 12px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.block-list-appender > .block-editor-inserter {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.has-block-overlay {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .is-dragging {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::-moz-selection {
|
||||
background: transparent !important;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::selection {
|
||||
background: transparent !important;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.wp-block img:not([draggable]),
|
||||
.wp-block svg:not([draggable]) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__content-iframe .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__live-content * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-button:disabled {
|
||||
opacity: initial;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-placeholder,
|
||||
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-variation-picker__variations,
|
||||
.block-editor-block-variation-picker__skip,
|
||||
.wp-block-group-placeholder__variations {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations svg,
|
||||
.block-editor-block-variation-picker__skip svg,
|
||||
.wp-block-group-placeholder__variations svg {
|
||||
fill: #949494 !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button,
|
||||
.block-editor-block-variation-picker__skip .components-button,
|
||||
.wp-block-group-placeholder__variations .components-button {
|
||||
padding: 4px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover,
|
||||
.wp-block-group-placeholder__variations .components-button:hover {
|
||||
background: none !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover svg,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover svg,
|
||||
.wp-block-group-placeholder__variations .components-button:hover svg {
|
||||
fill: var(--wp-admin-theme-color) !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations > li,
|
||||
.block-editor-block-variation-picker__skip > li,
|
||||
.wp-block-group-placeholder__variations > li {
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.block-editor-button-block-appender {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
color: #1e1e1e;
|
||||
border-color: currentColor;
|
||||
}
|
||||
.is-dark-theme .block-editor-button-block-appender {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
.block-editor-button-block-appender:hover {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
border: 1px dashed currentColor;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter {
|
||||
opacity: 0;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
|
||||
border: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
|
||||
visibility: visible;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
|
||||
border: none;
|
||||
}
|
||||
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Default block appender.
|
||||
*
|
||||
* This component shows up in 3 places:
|
||||
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
|
||||
* - on the right, inside empty paragraphs
|
||||
* - absolute positioned and blue inside nesting containers
|
||||
*/
|
||||
.block-editor-default-block-appender {
|
||||
clear: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-default-block-appender__content {
|
||||
opacity: 0.62;
|
||||
text-shadow: none;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .components-drop-zone__content-icon {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender .block-editor-inserter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fixed position appender (right bottom corner).
|
||||
*
|
||||
* These styles apply to all in-canvas inserters. All in-canvas inserters always
|
||||
* exist within a block.
|
||||
*/
|
||||
.block-editor-block-list__block .block-list-appender {
|
||||
position: absolute;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender.block-list-appender {
|
||||
margin: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon svg,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle.is-pressed svg {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
width: 24px;
|
||||
display: none;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:first-child {
|
||||
position: relative;
|
||||
right: auto;
|
||||
align-self: center;
|
||||
list-style: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:first-child .block-editor-default-block-appender__content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender__content {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.block-editor-iframe__body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.block-editor-iframe__html {
|
||||
transform-origin: top center;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-iframe__html {
|
||||
transition: background-color 400ms;
|
||||
}
|
||||
}
|
||||
.block-editor-iframe__html.zoom-out-animation {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0px));
|
||||
bottom: 0;
|
||||
overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out {
|
||||
transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
|
||||
scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
|
||||
background-color: var(--wp-editor-canvas-background);
|
||||
margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
|
||||
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body {
|
||||
min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
|
||||
flex: 1;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder__cancel-button.is-link {
|
||||
margin: 1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder.is-appender {
|
||||
min-height: 0;
|
||||
}
|
||||
.block-editor-media-placeholder.is-appender:hover {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-plain-text {
|
||||
box-shadow: none;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rich-text [data-rich-text-placeholder] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.rich-text [data-rich-text-placeholder]::after {
|
||||
content: attr(data-rich-text-placeholder);
|
||||
opacity: 0.62;
|
||||
text-shadow: none;
|
||||
}
|
||||
.rich-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
[data-rich-text-script] {
|
||||
display: inline;
|
||||
}
|
||||
[data-rich-text-script]::before {
|
||||
content: "</>";
|
||||
background: rgb(255, 255, 0);
|
||||
}
|
||||
|
||||
[data-rich-text-comment],
|
||||
[data-rich-text-format-boundary] {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
[data-rich-text-comment] {
|
||||
background-color: currentColor;
|
||||
}
|
||||
[data-rich-text-comment] span {
|
||||
filter: invert(100%);
|
||||
color: currentColor;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.rich-text [contenteditable=false]::-moz-selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.rich-text [contenteditable=false]::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.block-editor-warning {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
border: 1px solid #1e1e1e;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__message {
|
||||
line-height: 1.4;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 13px;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
}
|
||||
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
|
||||
min-height: auto;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__contents {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
gap: 12px;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__actions {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.components-popover.block-editor-warning__dropdown {
|
||||
z-index: 99998;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Default editor styles.
|
||||
*
|
||||
* These styles are shown if a theme does not register its own editor style,
|
||||
* a theme.json file, or has toggled off "Use theme styles" in preferences.
|
||||
*/
|
||||
body {
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
--wp--style--block-gap: 2em;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.editor-post-title__block {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
font-size: 2.5em;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body{--wp--style--block-gap:2em;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em}
|
||||
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Default editor styles.
|
||||
*
|
||||
* These styles are shown if a theme does not register its own editor style,
|
||||
* a theme.json file, or has toggled off "Use theme styles" in preferences.
|
||||
*/
|
||||
body {
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
--wp--style--block-gap: 2em;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.editor-post-title__block {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
font-size: 2.5em;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body{--wp--style--block-gap:2em;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em}
|
||||
+4859
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+4861
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,55 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
.wp-block-button__link {
|
||||
color: #fff;
|
||||
background-color: #32373c;
|
||||
border-radius: 9999px;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.wp-block-file__button {
|
||||
background: #32373c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading__toggle {
|
||||
background-color: inherit !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:not(:focus-visible) {
|
||||
outline: none;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
|
||||
text-decoration: none;
|
||||
background-color: inherit !important;
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: var(--wp--preset--spacing--20, 1em) 0;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:focus-visible {
|
||||
outline-offset: 0;
|
||||
outline: auto;
|
||||
}
|
||||
|
||||
.wp-block-tab:not(.has-text-color) {
|
||||
color: inherit !important;
|
||||
}
|
||||
.wp-block-tab:not(.has-background) {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
.wp-block-tab:hover, .wp-block-tab:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
.wp-block-tab:focus-visible {
|
||||
outline-offset: 0;
|
||||
outline: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}.wp-block-tab:not(.has-text-color){color:inherit!important}.wp-block-tab:not(.has-background){background-color:inherit!important}.wp-block-tab:focus,.wp-block-tab:hover{text-decoration:none}.wp-block-tab:focus-visible{outline:auto;outline-offset:0}
|
||||
@@ -0,0 +1,55 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
.wp-block-button__link {
|
||||
color: #fff;
|
||||
background-color: #32373c;
|
||||
border-radius: 9999px;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.wp-block-file__button {
|
||||
background: #32373c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading__toggle {
|
||||
background-color: inherit !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:not(:focus-visible) {
|
||||
outline: none;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
|
||||
text-decoration: none;
|
||||
background-color: inherit !important;
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: var(--wp--preset--spacing--20, 1em) 0;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:focus-visible {
|
||||
outline-offset: 0;
|
||||
outline: auto;
|
||||
}
|
||||
|
||||
.wp-block-tab:not(.has-text-color) {
|
||||
color: inherit !important;
|
||||
}
|
||||
.wp-block-tab:not(.has-background) {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
.wp-block-tab:hover, .wp-block-tab:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
.wp-block-tab:focus-visible {
|
||||
outline-offset: 0;
|
||||
outline: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}.wp-block-tab:not(.has-text-color){color:inherit!important}.wp-block-tab:not(.has-background){background-color:inherit!important}.wp-block-tab:focus,.wp-block-tab:hover{text-decoration:none}.wp-block-tab:focus-visible{outline:auto;outline-offset:0}
|
||||
@@ -0,0 +1,347 @@
|
||||
/**
|
||||
* 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 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:root .has-text-align-right {
|
||||
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;
|
||||
right: 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"]) {
|
||||
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"]) {
|
||||
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"]) {
|
||||
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"]) {
|
||||
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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
: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:#006ba1;--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}}.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 .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}:root{--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{text-align:left}:root .has-text-align-right{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{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}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"]){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"]){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"]){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"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}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}}
|
||||
@@ -0,0 +1,353 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
: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:#006ba1;--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}}.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 .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--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{text-align:left}:root .has-text-align-right{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{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;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}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"]){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"]){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"]){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"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}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}}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* Element styles for the editor
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: revert;
|
||||
}
|
||||
.wp-element-button[role=textbox] {
|
||||
cursor: text;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* Element styles for the editor
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: revert;
|
||||
}
|
||||
.wp-element-button[role=textbox] {
|
||||
cursor: text;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+2916
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:pointer}
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:pointer}
|
||||
@@ -0,0 +1,150 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Editor Normalization Styles
|
||||
*
|
||||
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
|
||||
* of the editor by themes.
|
||||
*/
|
||||
html :where(.editor-styles-wrapper) {
|
||||
font-family: serif;
|
||||
font-size: initial;
|
||||
line-height: initial;
|
||||
color: initial;
|
||||
background: #fff;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
|
||||
max-width: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) a {
|
||||
transition: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) code,
|
||||
:where(.editor-styles-wrapper) kbd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
font-family: monospace;
|
||||
}
|
||||
:where(.editor-styles-wrapper) p {
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul,
|
||||
:where(.editor-styles-wrapper) ol {
|
||||
margin: revert;
|
||||
padding: revert;
|
||||
list-style-type: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ul ol,
|
||||
:where(.editor-styles-wrapper) ol ul,
|
||||
:where(.editor-styles-wrapper) ol ol {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul li,
|
||||
:where(.editor-styles-wrapper) ol li {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ol ul {
|
||||
list-style-type: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) h1,
|
||||
:where(.editor-styles-wrapper) h2,
|
||||
:where(.editor-styles-wrapper) h3,
|
||||
:where(.editor-styles-wrapper) h4,
|
||||
:where(.editor-styles-wrapper) h5,
|
||||
:where(.editor-styles-wrapper) h6 {
|
||||
font-size: revert;
|
||||
margin: revert;
|
||||
color: revert;
|
||||
line-height: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select {
|
||||
font-family: system-ui;
|
||||
-webkit-appearance: revert;
|
||||
-moz-appearance: revert;
|
||||
appearance: revert;
|
||||
color: revert;
|
||||
border: revert;
|
||||
border-radius: revert;
|
||||
background: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
outline: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
padding: revert;
|
||||
margin: revert;
|
||||
min-height: revert;
|
||||
max-width: revert;
|
||||
vertical-align: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select:disabled,
|
||||
:where(.editor-styles-wrapper) select:focus {
|
||||
color: revert;
|
||||
border-color: revert;
|
||||
background-color: revert;
|
||||
background-image: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}
|
||||
@@ -0,0 +1,150 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Editor Normalization Styles
|
||||
*
|
||||
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
|
||||
* of the editor by themes.
|
||||
*/
|
||||
html :where(.editor-styles-wrapper) {
|
||||
font-family: serif;
|
||||
font-size: initial;
|
||||
line-height: initial;
|
||||
color: initial;
|
||||
background: #fff;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
|
||||
max-width: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) a {
|
||||
transition: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) code,
|
||||
:where(.editor-styles-wrapper) kbd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
font-family: monospace;
|
||||
}
|
||||
:where(.editor-styles-wrapper) p {
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul,
|
||||
:where(.editor-styles-wrapper) ol {
|
||||
margin: revert;
|
||||
padding: revert;
|
||||
list-style-type: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ul ol,
|
||||
:where(.editor-styles-wrapper) ol ul,
|
||||
:where(.editor-styles-wrapper) ol ol {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul li,
|
||||
:where(.editor-styles-wrapper) ol li {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ol ul {
|
||||
list-style-type: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) h1,
|
||||
:where(.editor-styles-wrapper) h2,
|
||||
:where(.editor-styles-wrapper) h3,
|
||||
:where(.editor-styles-wrapper) h4,
|
||||
:where(.editor-styles-wrapper) h5,
|
||||
:where(.editor-styles-wrapper) h6 {
|
||||
font-size: revert;
|
||||
margin: revert;
|
||||
color: revert;
|
||||
line-height: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select {
|
||||
font-family: system-ui;
|
||||
-webkit-appearance: revert;
|
||||
-moz-appearance: revert;
|
||||
appearance: revert;
|
||||
color: revert;
|
||||
border: revert;
|
||||
border-radius: revert;
|
||||
background: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
outline: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
padding: revert;
|
||||
margin: revert;
|
||||
min-height: revert;
|
||||
max-width: revert;
|
||||
vertical-align: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select:disabled,
|
||||
:where(.editor-styles-wrapper) select:focus {
|
||||
color: revert;
|
||||
border-color: revert;
|
||||
background-color: revert;
|
||||
background-image: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+5550
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,261 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.wp-block-audio :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-audio {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-code {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
padding: 0.8em 1em;
|
||||
}
|
||||
|
||||
.wp-block-embed :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.blocks-gallery-caption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .blocks-gallery-caption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
:root :where(.wp-block-image figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme :root :where(.wp-block-image figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top: 4px solid currentColor;
|
||||
border-bottom: 4px solid currentColor;
|
||||
margin-bottom: 1.75em;
|
||||
color: currentColor;
|
||||
}
|
||||
.wp-block-pullquote :where(cite),
|
||||
.wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
|
||||
color: currentColor;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8125em;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-right: 0.25em solid currentColor;
|
||||
margin: 0 0 1.75em 0;
|
||||
padding-right: 1em;
|
||||
}
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer {
|
||||
color: currentColor;
|
||||
font-size: 0.8125em;
|
||||
position: relative;
|
||||
font-style: normal;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-right) {
|
||||
border-right: none;
|
||||
border-left: 0.25em solid currentColor;
|
||||
padding-right: 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-center) {
|
||||
border: none;
|
||||
padding-right: 0;
|
||||
}
|
||||
.wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wp-block-search .wp-block-search__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wp-block-search__button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.375em 0.625em;
|
||||
}
|
||||
|
||||
:where(.wp-block-group.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
}
|
||||
|
||||
.wp-block-separator.has-css-opacity {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.wp-block-separator {
|
||||
border: none;
|
||||
border-bottom: 2px solid currentColor;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.wp-block-separator.has-alpha-channel-opacity {
|
||||
opacity: initial;
|
||||
}
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
width: 100px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-dots) {
|
||||
border-bottom: none;
|
||||
height: 1px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.wp-block-table {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-table :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-table :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-video :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
:root :where(.wp-block-template-part.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:.25em solid;border-right:none;padding-left:1em;padding-right:0}.wp-block-quote:where(.has-text-align-center){border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
|
||||
@@ -0,0 +1,261 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.wp-block-audio :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-audio {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-code {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
padding: 0.8em 1em;
|
||||
}
|
||||
|
||||
.wp-block-embed :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.blocks-gallery-caption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .blocks-gallery-caption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
:root :where(.wp-block-image figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme :root :where(.wp-block-image figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top: 4px solid currentColor;
|
||||
border-bottom: 4px solid currentColor;
|
||||
margin-bottom: 1.75em;
|
||||
color: currentColor;
|
||||
}
|
||||
.wp-block-pullquote :where(cite),
|
||||
.wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
|
||||
color: currentColor;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8125em;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-left: 0.25em solid currentColor;
|
||||
margin: 0 0 1.75em 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer {
|
||||
color: currentColor;
|
||||
font-size: 0.8125em;
|
||||
position: relative;
|
||||
font-style: normal;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-right) {
|
||||
border-left: none;
|
||||
border-right: 0.25em solid currentColor;
|
||||
padding-left: 0;
|
||||
padding-right: 1em;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-center) {
|
||||
border: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wp-block-search .wp-block-search__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wp-block-search__button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.375em 0.625em;
|
||||
}
|
||||
|
||||
:where(.wp-block-group.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
}
|
||||
|
||||
.wp-block-separator.has-css-opacity {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.wp-block-separator {
|
||||
border: none;
|
||||
border-bottom: 2px solid currentColor;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.wp-block-separator.has-alpha-channel-opacity {
|
||||
opacity: initial;
|
||||
}
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
width: 100px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-dots) {
|
||||
border-bottom: none;
|
||||
height: 1px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.wp-block-table {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-table :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-table :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-video :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
:root :where(.wp-block-template-part.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
|
||||
+280
@@ -0,0 +1,280 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.commands-command-menu {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: calc(5% + 64px);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.commands-command-menu {
|
||||
top: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
.commands-command-menu .components-modal__content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.commands-command-menu__overlay {
|
||||
display: block;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.commands-command-menu__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.commands-command-menu__header .components-button {
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
border: 1px solid #949494;
|
||||
border-left: 0;
|
||||
justify-content: center;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.commands-command-menu__header .components-button + [cmdk-input] {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__header-search-icon:dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.commands-command-menu__container {
|
||||
will-change: transform;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input] {
|
||||
border: none;
|
||||
width: 100%;
|
||||
padding: 12px 4px;
|
||||
outline: none;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]::-moz-placeholder {
|
||||
color: #757575;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]::placeholder {
|
||||
color: #757575;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 4px 0;
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-disabled=true] {
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] svg {
|
||||
fill: #1e1e1e;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > div {
|
||||
border-radius: 2px;
|
||||
min-height: 32px;
|
||||
padding: 4px;
|
||||
padding-right: 40px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] > div, .commands-command-menu__container [cmdk-item]:active > div {
|
||||
background: var(--wp-admin-theme-color);
|
||||
color: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] > div svg, .commands-command-menu__container [cmdk-item]:active > div svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > .has-icon {
|
||||
padding-right: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty) {
|
||||
display: none;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
|
||||
max-height: min(328px, 70vh - 48px);
|
||||
overflow: auto;
|
||||
scroll-padding-top: 8px;
|
||||
scroll-padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)), .commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-empty]) {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-group-heading] {
|
||||
margin-top: 8px;
|
||||
padding: 8px 16px;
|
||||
line-height: 16px;
|
||||
font-size: 11px;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
text-transform: uppercase;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-empty] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
white-space: pre-wrap;
|
||||
color: #1e1e1e;
|
||||
padding: 8px 0 32px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-loading] {
|
||||
padding: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-list-sizer] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-label {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-category {
|
||||
flex: 0 0 auto;
|
||||
margin-right: auto;
|
||||
padding-right: 24px;
|
||||
color: #757575;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
text-align: left;
|
||||
}
|
||||
[aria-selected=true] .commands-command-menu__item-category, [cmdk-item]:active .commands-command-menu__item-category {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.commands-command-menu__item mark {
|
||||
color: inherit;
|
||||
background: unset;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
: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:#006ba1;--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}}.commands-command-menu{margin:auto;position:relative;top:calc(5% + 64px)}@media (min-width:600px){.commands-command-menu{top:calc(10% + 64px)}}.commands-command-menu .components-modal__content{margin:0;overflow:hidden;padding:0}.commands-command-menu__overlay{align-items:start;display:block}.commands-command-menu__header{align-items:center;display:flex;gap:8px;padding:0 16px}.commands-command-menu__header .components-button{border:1px solid #949494;border-left:0;border-radius:0 2px 2px 0;height:56px;justify-content:center;width:56px}.commands-command-menu__header .components-button+[cmdk-input]{border-bottom-right-radius:0;border-top-right-radius:0}.commands-command-menu__header-search-icon:dir(ltr){transform:scaleX(-1)}.commands-command-menu__container{will-change:transform}.commands-command-menu__container [cmdk-input]{border:none;border-radius:0;color:#1e1e1e;font-size:15px;line-height:24px;margin:0;outline:none;padding:12px 4px;width:100%}.commands-command-menu__container [cmdk-input]::-moz-placeholder{color:#757575}.commands-command-menu__container [cmdk-input]::placeholder{color:#757575}.commands-command-menu__container [cmdk-input]:focus{box-shadow:none;outline:none}.commands-command-menu__container [cmdk-item]{align-items:center;color:#1e1e1e;cursor:var(--wpds-cursor-control,pointer);display:flex;font-size:13px;padding:4px 0}.commands-command-menu__container [cmdk-item][aria-disabled=true]{color:#949494;cursor:not-allowed}.commands-command-menu__container [cmdk-item] svg{fill:#1e1e1e}.commands-command-menu__container [cmdk-item]>div{border-radius:2px;min-height:32px;padding:4px 40px 4px 16px}.commands-command-menu__container [cmdk-item]:active>div,.commands-command-menu__container [cmdk-item][aria-selected=true]>div{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active>div svg,.commands-command-menu__container [cmdk-item][aria-selected=true]>div svg{fill:#fff}.commands-command-menu__container [cmdk-item]>.has-icon{padding-right:8px}.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty){display:none}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:min(328px,70vh - 48px);overflow:auto;scroll-padding-bottom:8px;scroll-padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-empty]),.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){border-top:1px solid #ddd}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px 4px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-group-heading]{color:#1e1e1e;font-size:11px;font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:16px;margin-top:8px;padding:8px 16px;text-transform:uppercase}.commands-command-menu__container [cmdk-empty]{align-items:center;color:#1e1e1e;display:flex;justify-content:center;padding:8px 0 32px;white-space:pre-wrap}.commands-command-menu__container [cmdk-loading]{padding:16px}.commands-command-menu__container [cmdk-list-sizer]{position:relative}.commands-command-menu__item-label{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands-command-menu__item-category{color:#757575;flex:0 0 auto;font-size:13px;line-height:1.4;margin-right:auto;padding-right:24px;text-align:left}[aria-selected=true] .commands-command-menu__item-category,[cmdk-item]:active .commands-command-menu__item-category{color:hsla(0,0%,100%,.8)}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:var(--wpds-typography-font-weight-emphasis,600)}
|
||||
+280
@@ -0,0 +1,280 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.commands-command-menu {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: calc(5% + 64px);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.commands-command-menu {
|
||||
top: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
.commands-command-menu .components-modal__content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.commands-command-menu__overlay {
|
||||
display: block;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.commands-command-menu__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.commands-command-menu__header .components-button {
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
border: 1px solid #949494;
|
||||
border-right: 0;
|
||||
justify-content: center;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.commands-command-menu__header .components-button + [cmdk-input] {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__header-search-icon:dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.commands-command-menu__container {
|
||||
will-change: transform;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input] {
|
||||
border: none;
|
||||
width: 100%;
|
||||
padding: 12px 4px;
|
||||
outline: none;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]::-moz-placeholder {
|
||||
color: #757575;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]::placeholder {
|
||||
color: #757575;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 4px 0;
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-disabled=true] {
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] svg {
|
||||
fill: #1e1e1e;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > div {
|
||||
border-radius: 2px;
|
||||
min-height: 32px;
|
||||
padding: 4px;
|
||||
padding-left: 40px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] > div, .commands-command-menu__container [cmdk-item]:active > div {
|
||||
background: var(--wp-admin-theme-color);
|
||||
color: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] > div svg, .commands-command-menu__container [cmdk-item]:active > div svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > .has-icon {
|
||||
padding-left: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty) {
|
||||
display: none;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
|
||||
max-height: min(328px, 70vh - 48px);
|
||||
overflow: auto;
|
||||
scroll-padding-top: 8px;
|
||||
scroll-padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)), .commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-empty]) {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
|
||||
padding: 0 8px 4px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-group-heading] {
|
||||
margin-top: 8px;
|
||||
padding: 8px 16px;
|
||||
line-height: 16px;
|
||||
font-size: 11px;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
text-transform: uppercase;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-empty] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
white-space: pre-wrap;
|
||||
color: #1e1e1e;
|
||||
padding: 8px 0 32px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-loading] {
|
||||
padding: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-list-sizer] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-label {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-category {
|
||||
flex: 0 0 auto;
|
||||
margin-left: auto;
|
||||
padding-left: 24px;
|
||||
color: #757575;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
text-align: right;
|
||||
}
|
||||
[aria-selected=true] .commands-command-menu__item-category, [cmdk-item]:active .commands-command-menu__item-category {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.commands-command-menu__item mark {
|
||||
color: inherit;
|
||||
background: unset;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
: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:#006ba1;--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}}.commands-command-menu{margin:auto;position:relative;top:calc(5% + 64px)}@media (min-width:600px){.commands-command-menu{top:calc(10% + 64px)}}.commands-command-menu .components-modal__content{margin:0;overflow:hidden;padding:0}.commands-command-menu__overlay{align-items:start;display:block}.commands-command-menu__header{align-items:center;display:flex;gap:8px;padding:0 16px}.commands-command-menu__header .components-button{border:1px solid #949494;border-radius:2px 0 0 2px;border-right:0;height:56px;justify-content:center;width:56px}.commands-command-menu__header .components-button+[cmdk-input]{border-bottom-left-radius:0;border-top-left-radius:0}.commands-command-menu__header-search-icon:dir(ltr){transform:scaleX(-1)}.commands-command-menu__container{will-change:transform}.commands-command-menu__container [cmdk-input]{border:none;border-radius:0;color:#1e1e1e;font-size:15px;line-height:24px;margin:0;outline:none;padding:12px 4px;width:100%}.commands-command-menu__container [cmdk-input]::-moz-placeholder{color:#757575}.commands-command-menu__container [cmdk-input]::placeholder{color:#757575}.commands-command-menu__container [cmdk-input]:focus{box-shadow:none;outline:none}.commands-command-menu__container [cmdk-item]{align-items:center;color:#1e1e1e;cursor:var(--wpds-cursor-control,pointer);display:flex;font-size:13px;padding:4px 0}.commands-command-menu__container [cmdk-item][aria-disabled=true]{color:#949494;cursor:not-allowed}.commands-command-menu__container [cmdk-item] svg{fill:#1e1e1e}.commands-command-menu__container [cmdk-item]>div{border-radius:2px;min-height:32px;padding:4px 16px 4px 40px}.commands-command-menu__container [cmdk-item]:active>div,.commands-command-menu__container [cmdk-item][aria-selected=true]>div{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active>div svg,.commands-command-menu__container [cmdk-item][aria-selected=true]>div svg{fill:#fff}.commands-command-menu__container [cmdk-item]>.has-icon{padding-left:8px}.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty){display:none}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:min(328px,70vh - 48px);overflow:auto;scroll-padding-bottom:8px;scroll-padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-empty]),.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){border-top:1px solid #ddd}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px 4px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-group-heading]{color:#1e1e1e;font-size:11px;font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:16px;margin-top:8px;padding:8px 16px;text-transform:uppercase}.commands-command-menu__container [cmdk-empty]{align-items:center;color:#1e1e1e;display:flex;justify-content:center;padding:8px 0 32px;white-space:pre-wrap}.commands-command-menu__container [cmdk-loading]{padding:16px}.commands-command-menu__container [cmdk-list-sizer]{position:relative}.commands-command-menu__item-label{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands-command-menu__item-category{color:#757575;flex:0 0 auto;font-size:13px;line-height:1.4;margin-left:auto;padding-left:24px;text-align:right}[aria-selected=true] .commands-command-menu__item-category,[cmdk-item]:active .commands-command-menu__item-category{color:hsla(0,0%,100%,.8)}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:var(--wpds-typography-font-weight-emphasis,600)}
|
||||
+4035
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+4048
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,332 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector {
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector {
|
||||
margin: -12px;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.customize-widgets-header {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header.is-fixed-toolbar-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-header {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: -15px -12px 0 -12px;
|
||||
background: #f0f0f1;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-widgets-header-toolbar {
|
||||
display: flex;
|
||||
border: none;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon {
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
margin: 12px auto 12px 0;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
|
||||
content: none;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
|
||||
margin-right: -12px;
|
||||
}
|
||||
|
||||
#customize-sidebar-outer-content {
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
#customize-outer-theme-controls .widgets-inserter {
|
||||
padding: 0;
|
||||
}
|
||||
#customize-outer-theme-controls .widgets-inserter .customize-section-description-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
height: 46px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section {
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section-title {
|
||||
font-size: 0.9rem;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
padding: 0.6rem 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty {
|
||||
display: none;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
margin: 0 1rem 0 0;
|
||||
text-align: left;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-description {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
display: block;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key {
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 8%;
|
||||
margin: 0 0.2rem 0 0.2rem;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
|
||||
margin: 0 0.2rem 0 0;
|
||||
}
|
||||
|
||||
.components-popover.more-menu-dropdown__content {
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
|
||||
position: fixed !important;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.customize-widgets-popover .components-popover,
|
||||
.customize-control-sidebar_block_editor .components-popover {
|
||||
position: fixed !important;
|
||||
}
|
||||
|
||||
.customize-widgets-welcome-guide__image__wrapper {
|
||||
background: #00a0d2;
|
||||
text-align: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.customize-widgets-welcome-guide__image {
|
||||
height: auto;
|
||||
}
|
||||
.wrap .customize-widgets-welcome-guide__heading {
|
||||
font-size: 18px;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
.customize-widgets-welcome-guide__text {
|
||||
line-height: 1.7;
|
||||
}
|
||||
.customize-widgets-welcome-guide__button {
|
||||
justify-content: center;
|
||||
margin: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
.customize-widgets-welcome-guide__separator {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.customize-widgets-welcome-guide__more-info {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
|
||||
overflow: unset;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {
|
||||
min-height: 100%;
|
||||
background-color: #fff;
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title {
|
||||
position: static !important;
|
||||
margin-top: -12px !important;
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
.components-modal__screen-overlay {
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor,
|
||||
.customize-widgets-layout__inspector {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.customize-control-sidebar_block_editor *,
|
||||
.customize-control-sidebar_block_editor *::before,
|
||||
.customize-control-sidebar_block_editor *::after,
|
||||
.customize-widgets-layout__inspector *,
|
||||
.customize-widgets-layout__inspector *::before,
|
||||
.customize-widgets-layout__inspector *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,332 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector {
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector {
|
||||
margin: -12px;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.customize-widgets-header {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header.is-fixed-toolbar-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-header {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: -15px -12px 0 -12px;
|
||||
background: #f0f0f1;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-widgets-header-toolbar {
|
||||
display: flex;
|
||||
border: none;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon {
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
margin: 12px 0 12px auto;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
|
||||
content: none;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
|
||||
margin-left: -12px;
|
||||
}
|
||||
|
||||
#customize-sidebar-outer-content {
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
#customize-outer-theme-controls .widgets-inserter {
|
||||
padding: 0;
|
||||
}
|
||||
#customize-outer-theme-controls .widgets-inserter .customize-section-description-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
height: 46px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section {
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section-title {
|
||||
font-size: 0.9rem;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
padding: 0.6rem 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty {
|
||||
display: none;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
margin: 0 0 0 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-description {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
display: block;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key {
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 8%;
|
||||
margin: 0 0.2rem 0 0.2rem;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
|
||||
margin: 0 0 0 0.2rem;
|
||||
}
|
||||
|
||||
.components-popover.more-menu-dropdown__content {
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
|
||||
position: fixed !important;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.customize-widgets-popover .components-popover,
|
||||
.customize-control-sidebar_block_editor .components-popover {
|
||||
position: fixed !important;
|
||||
}
|
||||
|
||||
.customize-widgets-welcome-guide__image__wrapper {
|
||||
background: #00a0d2;
|
||||
text-align: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.customize-widgets-welcome-guide__image {
|
||||
height: auto;
|
||||
}
|
||||
.wrap .customize-widgets-welcome-guide__heading {
|
||||
font-size: 18px;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
.customize-widgets-welcome-guide__text {
|
||||
line-height: 1.7;
|
||||
}
|
||||
.customize-widgets-welcome-guide__button {
|
||||
justify-content: center;
|
||||
margin: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
.customize-widgets-welcome-guide__separator {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.customize-widgets-welcome-guide__more-info {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
|
||||
overflow: unset;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {
|
||||
min-height: 100%;
|
||||
background-color: #fff;
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title {
|
||||
position: static !important;
|
||||
margin-top: -12px !important;
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
.components-modal__screen-overlay {
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor,
|
||||
.customize-widgets-layout__inspector {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.customize-control-sidebar_block_editor *,
|
||||
.customize-control-sidebar_block_editor *::before,
|
||||
.customize-control-sidebar_block_editor *::after,
|
||||
.customize-widgets-layout__inspector *,
|
||||
.customize-widgets-layout__inspector *::before,
|
||||
.customize-widgets-layout__inspector *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,172 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
|
||||
margin-right: -8px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
html :where(.wp-block) {
|
||||
max-width: 840px;
|
||||
margin-top: 28px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=wide] {
|
||||
max-width: 1100px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=full] {
|
||||
max-width: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before {
|
||||
content: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left] > * {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
html :where(.wp-block)[data-align=right] > * {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
}
|
||||
html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group > [data-align=full] {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background > [data-align=full] {
|
||||
margin-right: -30px;
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Group: Full Width Alignment
|
||||
*/
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-right: 14px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
[data-align=full] .wp-block-group > [data-align=full] {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
[data-align=full] .wp-block-group.has-background > [data-align=full] {
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block{margin-left:auto;margin-right:auto}.editor-styles-wrapper{padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-right:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{max-width:none;padding-left:0;padding-right:0;right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)}
|
||||
+176
@@ -0,0 +1,176 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
|
||||
margin-left: -8px;
|
||||
margin-right: -8px;
|
||||
}
|
||||
|
||||
html :where(.wp-block) {
|
||||
max-width: 840px;
|
||||
margin-top: 28px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=wide] {
|
||||
max-width: 1100px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=full] {
|
||||
max-width: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before {
|
||||
content: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left] > * {
|
||||
/*!rtl:begin:ignore*/
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
/*!rtl:end:ignore*/
|
||||
}
|
||||
html :where(.wp-block)[data-align=right] > * {
|
||||
/*!rtl:begin:ignore*/
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
/*!rtl:end:ignore*/
|
||||
}
|
||||
html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group > [data-align=full] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background > [data-align=full] {
|
||||
margin-left: -30px;
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Group: Full Width Alignment
|
||||
*/
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
[data-align=full] .wp-block-group > [data-align=full] {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
[data-align=full] .wp-block-group.has-background > [data-align=full] {
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block{margin-left:auto;margin-right:auto}.editor-styles-wrapper{padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-left:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{left:0;max-width:none;padding-left:0;padding-right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)}
|
||||
@@ -0,0 +1,437 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main {
|
||||
filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
|
||||
outline: 1px solid transparent;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
box-shadow: 0 1px #ddd;
|
||||
outline: 1px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 32px;
|
||||
}
|
||||
@media (pointer: coarse) {
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
touch-action: none;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-inline: 24px 12px;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:is(:hover, :focus-visible) {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:focus-visible::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: var(--wp-admin-border-width-focus);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] > svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator] {
|
||||
cursor: row-resize;
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: inherit;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
content: "";
|
||||
background-color: #ddd;
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
position: absolute;
|
||||
inset-block: calc(50% - 4px / 2) auto;
|
||||
transform: translateX(50%);
|
||||
width: inherit;
|
||||
height: 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
transition: width 0.3s ease-out;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]:is(:hover, :focus)::before {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
overflow: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-main__liner {
|
||||
isolation: isolate;
|
||||
}
|
||||
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
display: unset;
|
||||
}
|
||||
|
||||
.edit-post-layout__metaboxes {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor {
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0%;
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.edit-post-layout__snackbar {
|
||||
position: fixed;
|
||||
bottom: var(--wpds-dimension-size-md, 32px);
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-layout__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area {
|
||||
position: relative;
|
||||
/**
|
||||
* The wordpress default for most meta-box elements is content-box. Some
|
||||
* elements such as textarea and input are set to border-box in forms.css.
|
||||
* These elements therefore specifically set back to border-box here, while
|
||||
* other elements (such as .button) are unaffected by Gutenberg's style
|
||||
* because of their higher specificity.
|
||||
*/
|
||||
}
|
||||
.edit-post-meta-boxes-area__container,
|
||||
.edit-post-meta-boxes-area .inside {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area textarea,
|
||||
.edit-post-meta-boxes-area input {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox-header {
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Match width and positioning of the meta boxes. Override default styles. */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff {
|
||||
margin: 0 auto;
|
||||
padding-top: 0;
|
||||
min-width: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Override Default meta box stylings */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff h3.hndle,
|
||||
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
|
||||
.edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
outline: none;
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox {
|
||||
border: 0;
|
||||
color: inherit;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox > .inside {
|
||||
color: inherit;
|
||||
padding: 0 24px 24px;
|
||||
margin: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox .handlediv {
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
}
|
||||
.edit-post-meta-boxes-area.is-loading::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
background: transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-post-meta-boxes-area .edit-post-meta-boxes-area__spinner {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
.edit-post-meta-boxes-area .is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area__clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.edit-post-welcome-guide,
|
||||
.edit-template-welcome-guide {
|
||||
width: 312px;
|
||||
}
|
||||
.edit-post-welcome-guide__image,
|
||||
.edit-template-welcome-guide__image {
|
||||
background: #00a0d2;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.edit-post-welcome-guide__image > img,
|
||||
.edit-template-welcome-guide__image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
.edit-post-welcome-guide__heading,
|
||||
.edit-template-welcome-guide__heading {
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
margin: 16px 0 16px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__text,
|
||||
.edit-template-welcome-guide__text {
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0 0 24px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__inserter-icon,
|
||||
.edit-template-welcome-guide__inserter-icon {
|
||||
margin: 0 4px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.edit-post-welcome-guide .components-button:hover svg,
|
||||
.edit-template-welcome-guide .components-button:hover svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.edit-template-welcome-guide .components-button svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
body.js.block-editor-page {
|
||||
background: #fff;
|
||||
}
|
||||
body.js.block-editor-page #wpcontent {
|
||||
padding-right: 0;
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
body.js.block-editor-page {
|
||||
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
|
||||
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page #wpfooter {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page .a11y-speak-region {
|
||||
right: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
|
||||
body.js.block-editor-page ul#adminmenu > li.current > a.current::after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
|
||||
--wp-admin--admin-bar--height: 0px;
|
||||
}
|
||||
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-visual-editor *,
|
||||
.edit-post-visual-editor *::before,
|
||||
.edit-post-visual-editor *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.block-editor__container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
min-height: calc(100vh - 46px);
|
||||
}
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor__container {
|
||||
min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
|
||||
}
|
||||
}
|
||||
.block-editor__container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+437
@@ -0,0 +1,437 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
: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;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main {
|
||||
filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
|
||||
outline: 1px solid transparent;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
box-shadow: 0 1px #ddd;
|
||||
outline: 1px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 32px;
|
||||
}
|
||||
@media (pointer: coarse) {
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
touch-action: none;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
||||
cursor: var(--wpds-cursor-control, pointer);
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-inline: 24px 12px;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:is(:hover, :focus-visible) {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:focus-visible::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: var(--wp-admin-border-width-focus);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] > svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator] {
|
||||
cursor: row-resize;
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: inherit;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
content: "";
|
||||
background-color: #ddd;
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
position: absolute;
|
||||
inset-block: calc(50% - 4px / 2) auto;
|
||||
transform: translateX(-50%);
|
||||
width: inherit;
|
||||
height: 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
transition: width 0.3s ease-out;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]:is(:hover, :focus)::before {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
overflow: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-main__liner {
|
||||
isolation: isolate;
|
||||
}
|
||||
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
display: unset;
|
||||
}
|
||||
|
||||
.edit-post-layout__metaboxes {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor {
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0%;
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.edit-post-layout__snackbar {
|
||||
position: fixed;
|
||||
bottom: var(--wpds-dimension-size-md, 32px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-layout__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area {
|
||||
position: relative;
|
||||
/**
|
||||
* The wordpress default for most meta-box elements is content-box. Some
|
||||
* elements such as textarea and input are set to border-box in forms.css.
|
||||
* These elements therefore specifically set back to border-box here, while
|
||||
* other elements (such as .button) are unaffected by Gutenberg's style
|
||||
* because of their higher specificity.
|
||||
*/
|
||||
}
|
||||
.edit-post-meta-boxes-area__container,
|
||||
.edit-post-meta-boxes-area .inside {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area textarea,
|
||||
.edit-post-meta-boxes-area input {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox-header {
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Match width and positioning of the meta boxes. Override default styles. */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff {
|
||||
margin: 0 auto;
|
||||
padding-top: 0;
|
||||
min-width: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Override Default meta box stylings */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff h3.hndle,
|
||||
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
|
||||
.edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
outline: none;
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox {
|
||||
border: 0;
|
||||
color: inherit;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox > .inside {
|
||||
color: inherit;
|
||||
padding: 0 24px 24px;
|
||||
margin: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox .handlediv {
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
}
|
||||
.edit-post-meta-boxes-area.is-loading::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
background: transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-post-meta-boxes-area .edit-post-meta-boxes-area__spinner {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
z-index: 2;
|
||||
}
|
||||
.edit-post-meta-boxes-area .is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area__clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.edit-post-welcome-guide,
|
||||
.edit-template-welcome-guide {
|
||||
width: 312px;
|
||||
}
|
||||
.edit-post-welcome-guide__image,
|
||||
.edit-template-welcome-guide__image {
|
||||
background: #00a0d2;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.edit-post-welcome-guide__image > img,
|
||||
.edit-template-welcome-guide__image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
.edit-post-welcome-guide__heading,
|
||||
.edit-template-welcome-guide__heading {
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
margin: 16px 0 16px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__text,
|
||||
.edit-template-welcome-guide__text {
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0 0 24px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__inserter-icon,
|
||||
.edit-template-welcome-guide__inserter-icon {
|
||||
margin: 0 4px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.edit-post-welcome-guide .components-button:hover svg,
|
||||
.edit-template-welcome-guide .components-button:hover svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.edit-template-welcome-guide .components-button svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
body.js.block-editor-page {
|
||||
background: #fff;
|
||||
}
|
||||
body.js.block-editor-page #wpcontent {
|
||||
padding-left: 0;
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
body.js.block-editor-page {
|
||||
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
|
||||
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page #wpfooter {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page .a11y-speak-region {
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
|
||||
body.js.block-editor-page ul#adminmenu > li.current > a.current::after {
|
||||
border-right-color: #fff;
|
||||
}
|
||||
body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
|
||||
--wp-admin--admin-bar--height: 0px;
|
||||
}
|
||||
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-visual-editor *,
|
||||
.edit-post-visual-editor *::before,
|
||||
.edit-post-visual-editor *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.block-editor__container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
min-height: calc(100vh - 46px);
|
||||
}
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor__container {
|
||||
min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
|
||||
}
|
||||
}
|
||||
.block-editor__container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+5582
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+5584
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1004
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1004
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+8740
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+8749
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,85 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.block-editor-format-toolbar__image-popover {
|
||||
z-index: 159990;
|
||||
}
|
||||
.block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-content {
|
||||
width: 260px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-value {
|
||||
margin: 7px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 150px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.block-editor-format-toolbar__link-container-value.has-invalid-link {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.format-library__inline-color-popover [role=tabpanel] {
|
||||
padding: 16px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__language-popover .components-popover__content {
|
||||
width: auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__math-input {
|
||||
direction: ltr;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-content{padding:16px;width:260px}.block-editor-format-toolbar__link-container-content{align-items:center;display:flex}.block-editor-format-toolbar__link-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.format-library__inline-color-popover [role=tabpanel]{padding:16px;width:260px}.block-editor-format-toolbar__language-popover .components-popover__content{padding:1rem;width:auto}.block-editor-format-toolbar__math-input{direction:ltr}
|
||||
@@ -0,0 +1,86 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.block-editor-format-toolbar__image-popover {
|
||||
z-index: 159990;
|
||||
}
|
||||
.block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-content {
|
||||
width: 260px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-value {
|
||||
margin: 7px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 150px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.block-editor-format-toolbar__link-container-value.has-invalid-link {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.format-library__inline-color-popover [role=tabpanel] {
|
||||
padding: 16px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__language-popover .components-popover__content {
|
||||
width: auto;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__math-input {
|
||||
/*rtl:ignore*/
|
||||
direction: ltr;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-content{padding:16px;width:260px}.block-editor-format-toolbar__link-container-content{align-items:center;display:flex}.block-editor-format-toolbar__link-container-value{flex-grow:1;flex-shrink:1;margin:7px;max-width:500px;min-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.format-library__inline-color-popover [role=tabpanel]{padding:16px;width:260px}.block-editor-format-toolbar__language-popover .components-popover__content{padding:1rem;width:auto}.block-editor-format-toolbar__math-input{direction:ltr}
|
||||
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.list-reusable-blocks-import-dropdown__content .components-popover__content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
[class].list-reusable-blocks-import-dropdown__button {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__button {
|
||||
margin-top: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.list-reusable-blocks__container {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}[class].list-reusable-blocks-import-dropdown__button{height:30px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{float:left;margin-top:10px}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}
|
||||
@@ -0,0 +1,119 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.list-reusable-blocks-import-dropdown__content .components-popover__content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
[class].list-reusable-blocks-import-dropdown__button {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__button {
|
||||
margin-top: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.list-reusable-blocks__container {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}[class].list-reusable-blocks-import-dropdown__button{height:30px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{float:right;margin-top:10px}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}
|
||||
@@ -0,0 +1,431 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.components-popover__content:has(.dataviews-media-field__attached-to) {
|
||||
margin-bottom: 96px;
|
||||
}
|
||||
|
||||
.components-popover__content:has(.dataviews-media-field__attached-to):has(.components-form-token-field__suggestions-list) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.components-popover__content:has(.dataviews-media-field__attached-to) .components-form-token-field__suggestions-list {
|
||||
height: 96px;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.media-author-field__avatar {
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
align-items: center;
|
||||
justify-content: right;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.media-author-field__avatar img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
opacity: 1;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
@media not (prefers-reduced-motion) {
|
||||
.media-author-field__avatar.is-loading img, .media-author-field__avatar.is-loaded img {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.media-author-field__avatar.is-loading img {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.media-author-field__avatar.is-loaded img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.media-author-field__icon {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.media-author-field__icon svg {
|
||||
margin-right: -4px;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.media-author-field__name {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dataviews-view-table .dataviews-media-field__filename,
|
||||
.dataviews-view-grid .dataviews-media-field__filename,
|
||||
.dataviews-view-list .dataviews-media-field__filename {
|
||||
display: inline-block;
|
||||
max-inline-size: 15ch;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media not (prefers-reduced-motion) {
|
||||
.dataviews-media-field__media-thumbnail.is-loading img, .dataviews-media-field__media-thumbnail.is-loaded img {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.dataviews-media-field__media-thumbnail.is-loading img {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail.is-loaded img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail--image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail__stack {
|
||||
color: #757575;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail--icon {
|
||||
color: #757575;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail__filename {
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
padding: 0 16px;
|
||||
width: 100%;
|
||||
container-type: inline-size;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-weight: var(--wpds-typography-font-weight-default, 400);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail__filename__truncate {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
@container (max-width: 90px) {
|
||||
.dataviews-media-field__media-thumbnail__filename__truncate {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.media-upload-modal .components-modal__header {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.media-upload-modal .components-modal__frame.is-full-screen .components-modal__content {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.media-upload-modal .components-modal__content {
|
||||
padding: 0;
|
||||
}
|
||||
.media-upload-modal .dataviews-picker-wrapper > .dataviews__view-actions {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__footer {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
background-color: inherit;
|
||||
z-index: 2;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__footer.is-uploading .dataviews-picker-footer__bulk-selection {
|
||||
visibility: hidden;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__footer .dataviews-footer {
|
||||
position: static;
|
||||
z-index: auto;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__upload-status {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background-color: var(--wp-dataviews-color-background, #fff);
|
||||
right: 24px;
|
||||
top: 1px;
|
||||
bottom: 1px;
|
||||
z-index: 1;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__upload-status .components-spinner {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.media-upload-modal__snackbar {
|
||||
position: fixed;
|
||||
bottom: var(--wpds-dimension-size-md, 32px);
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.media-upload-modal__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
.media-upload-modal__snackbar {
|
||||
z-index: 200000;
|
||||
}
|
||||
.media-upload-modal__snackbar > div {
|
||||
transform: none !important;
|
||||
transform-origin: 100% !important;
|
||||
}
|
||||
|
||||
.media-upload-modal__upload-status__popover .components-popover__content {
|
||||
width: 320px;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__header h3 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__list {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
padding: 0 0 4px;
|
||||
list-style: none;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 0;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__item .components-spinner {
|
||||
flex-shrink: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__filename {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+431
@@ -0,0 +1,431 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.components-popover__content:has(.dataviews-media-field__attached-to) {
|
||||
margin-bottom: 96px;
|
||||
}
|
||||
|
||||
.components-popover__content:has(.dataviews-media-field__attached-to):has(.components-form-token-field__suggestions-list) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.components-popover__content:has(.dataviews-media-field__attached-to) .components-form-token-field__suggestions-list {
|
||||
height: 96px;
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.media-author-field__avatar {
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.media-author-field__avatar img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
opacity: 1;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
@media not (prefers-reduced-motion) {
|
||||
.media-author-field__avatar.is-loading img, .media-author-field__avatar.is-loaded img {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.media-author-field__avatar.is-loading img {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.media-author-field__avatar.is-loaded img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.media-author-field__icon {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.media-author-field__icon svg {
|
||||
margin-left: -4px;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.media-author-field__name {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dataviews-view-table .dataviews-media-field__filename,
|
||||
.dataviews-view-grid .dataviews-media-field__filename,
|
||||
.dataviews-view-list .dataviews-media-field__filename {
|
||||
display: inline-block;
|
||||
max-inline-size: 15ch;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media not (prefers-reduced-motion) {
|
||||
.dataviews-media-field__media-thumbnail.is-loading img, .dataviews-media-field__media-thumbnail.is-loaded img {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.dataviews-media-field__media-thumbnail.is-loading img {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail.is-loaded img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail--image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail__stack {
|
||||
color: #757575;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail--icon {
|
||||
color: #757575;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail__filename {
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
padding: 0 16px;
|
||||
width: 100%;
|
||||
container-type: inline-size;
|
||||
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-weight: var(--wpds-typography-font-weight-default, 400);
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail__filename__truncate {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
@container (max-width: 90px) {
|
||||
.dataviews-media-field__media-thumbnail__filename__truncate {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.media-upload-modal .components-modal__header {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.media-upload-modal .components-modal__frame.is-full-screen .components-modal__content {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.media-upload-modal .components-modal__content {
|
||||
padding: 0;
|
||||
}
|
||||
.media-upload-modal .dataviews-picker-wrapper > .dataviews__view-actions {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__footer {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
background-color: inherit;
|
||||
z-index: 2;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__footer.is-uploading .dataviews-picker-footer__bulk-selection {
|
||||
visibility: hidden;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__footer .dataviews-footer {
|
||||
position: static;
|
||||
z-index: auto;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__upload-status {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
background-color: var(--wp-dataviews-color-background, #fff);
|
||||
left: 24px;
|
||||
top: 1px;
|
||||
bottom: 1px;
|
||||
z-index: 1;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__upload-status .components-spinner {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.media-upload-modal__snackbar {
|
||||
position: fixed;
|
||||
bottom: var(--wpds-dimension-size-md, 32px);
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.media-upload-modal__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
.media-upload-modal__snackbar {
|
||||
z-index: 200000;
|
||||
}
|
||||
.media-upload-modal__snackbar > div {
|
||||
transform: none !important;
|
||||
transform-origin: 0 !important;
|
||||
}
|
||||
|
||||
.media-upload-modal__upload-status__popover .components-popover__content {
|
||||
width: 320px;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 12px 16px;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__header h3 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__list {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
margin: 0;
|
||||
padding: 0 0 4px;
|
||||
list-style: none;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 0;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__item .components-spinner {
|
||||
flex-shrink: 0;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
.media-upload-modal__upload-status__popover .media-upload-modal__upload-status__filename {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 0;
|
||||
flex: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,5 @@
|
||||
.notices-inline-notices-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--wpds-dimension-gap-md, 12px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.notices-inline-notices-wrapper{display:flex;flex-direction:column;gap:var(--wpds-dimension-gap-md,12px)}
|
||||
@@ -0,0 +1,5 @@
|
||||
.notices-inline-notices-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--wpds-dimension-gap-md, 12px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.notices-inline-notices-wrapper{display:flex;flex-direction:column;gap:var(--wpds-dimension-gap-md,12px)}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user