initial
This commit is contained in:
@@ -0,0 +1,208 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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: #0085ba;
|
||||
--wp-admin-theme-color--rgb: 0, 133, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
|
||||
--wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 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: #096484;
|
||||
--wp-admin-theme-color--rgb: 9, 100, 132;
|
||||
--wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
--wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
|
||||
--wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
|
||||
--wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
|
||||
--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: #46403c;
|
||||
--wp-admin-theme-color--rgb: 70, 64, 60;
|
||||
--wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
|
||||
--wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
|
||||
--wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
|
||||
--wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
|
||||
--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: #523f6d;
|
||||
--wp-admin-theme-color--rgb: 82, 63, 109;
|
||||
--wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
|
||||
--wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
|
||||
--wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
|
||||
--wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
|
||||
--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: #e14d43;
|
||||
--wp-admin-theme-color--rgb: 225, 77, 67;
|
||||
--wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
--wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
|
||||
--wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
|
||||
--wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
|
||||
--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: #627c83;
|
||||
--wp-admin-theme-color--rgb: 98, 124, 131;
|
||||
--wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
|
||||
--wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
|
||||
--wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
|
||||
--wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
|
||||
--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: #dd823b;
|
||||
--wp-admin-theme-color--rgb: 221, 130, 59;
|
||||
--wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
--wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
|
||||
--wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
|
||||
--wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
|
||||
--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:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,114.7661290323,160.5;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,96.5322580645,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:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7.3723404255,81.914893617,108.1276595745;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:5.7446808511,63.829787234,84.2553191489;--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:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56.2692307692,51.4461538462,48.2307692308;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:42.5384615385,38.8923076923,36.4615384615;--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:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:69.8430232558,53.6598837209,92.8401162791;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:57.6860465116,44.3197674419,76.6802325581;--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:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221.4908256881,56.1788990826,45.0091743119;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:207.8348623853,44.2201834862,33.1651376147;--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:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87.0873362445,110.192139738,116.4126637555;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76.1746724891,96.384279476,101.8253275109;--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:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:216.8782608696,116.1847826087,37.6217391304;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195.147826087,104.5434782609,33.852173913;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
+208
@@ -0,0 +1,208 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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: #0085ba;
|
||||
--wp-admin-theme-color--rgb: 0, 133, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
|
||||
--wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 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: #096484;
|
||||
--wp-admin-theme-color--rgb: 9, 100, 132;
|
||||
--wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
--wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
|
||||
--wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
|
||||
--wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
|
||||
--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: #46403c;
|
||||
--wp-admin-theme-color--rgb: 70, 64, 60;
|
||||
--wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
|
||||
--wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
|
||||
--wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
|
||||
--wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
|
||||
--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: #523f6d;
|
||||
--wp-admin-theme-color--rgb: 82, 63, 109;
|
||||
--wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
|
||||
--wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
|
||||
--wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
|
||||
--wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
|
||||
--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: #e14d43;
|
||||
--wp-admin-theme-color--rgb: 225, 77, 67;
|
||||
--wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
--wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
|
||||
--wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
|
||||
--wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
|
||||
--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: #627c83;
|
||||
--wp-admin-theme-color--rgb: 98, 124, 131;
|
||||
--wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
|
||||
--wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
|
||||
--wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
|
||||
--wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
|
||||
--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: #dd823b;
|
||||
--wp-admin-theme-color--rgb: 221, 130, 59;
|
||||
--wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
--wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
|
||||
--wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
|
||||
--wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
|
||||
--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:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,114.7661290323,160.5;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,96.5322580645,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:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7.3723404255,81.914893617,108.1276595745;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:5.7446808511,63.829787234,84.2553191489;--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:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56.2692307692,51.4461538462,48.2307692308;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:42.5384615385,38.8923076923,36.4615384615;--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:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:69.8430232558,53.6598837209,92.8401162791;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:57.6860465116,44.3197674419,76.6802325581;--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:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221.4908256881,56.1788990826,45.0091743119;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:207.8348623853,44.2201834862,33.1651376147;--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:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87.0873362445,110.192139738,116.4126637555;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76.1746724891,96.384279476,101.8253275109;--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:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:216.8782608696,116.1847826087,37.6217391304;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195.147826087,104.5434782609,33.852173913;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
+281
@@ -0,0 +1,281 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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: 499;
|
||||
}
|
||||
|
||||
.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;
|
||||
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: 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: 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:499}.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{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: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 #0000}.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:#ffffffbf;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: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}
|
||||
+281
@@ -0,0 +1,281 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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: 499;
|
||||
}
|
||||
|
||||
.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;
|
||||
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: 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: 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:499}.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{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: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 #0000}.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:#ffffffbf;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: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}
|
||||
+950
@@ -0,0 +1,950 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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)::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;
|
||||
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 .reusable-block-edit-panel * {
|
||||
z-index: 1;
|
||||
}
|
||||
.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 .components-with-notices-ui .components-notice .components-notice__content {
|
||||
font-size: 13px;
|
||||
}
|
||||
.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;
|
||||
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.has-warning::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
.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:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
@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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Warnings.
|
||||
*/
|
||||
.block-editor-block-list__block .block-editor-warning {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.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, BlinkMacSystemFont, "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::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;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
}
|
||||
.is-dark-theme .block-editor-button-block-appender {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
.block-editor-button-block-appender:hover {
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:focus {
|
||||
box-shadow: inset 0 0 0 2px 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, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::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 .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
|
||||
opacity: 0;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .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 .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 .block-editor-inserter:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.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.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.is-drag-over::after {
|
||||
border: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.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.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.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::after {
|
||||
border: none;
|
||||
}
|
||||
.block-list-appender:only-child.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.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;
|
||||
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);
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
display: none;
|
||||
padding: 0 !important;
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-child {
|
||||
position: relative;
|
||||
left: auto;
|
||||
align-self: center;
|
||||
list-style: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-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, 0));
|
||||
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, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
|
||||
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / 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, 0) / 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: 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;
|
||||
}
|
||||
.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]::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.block-editor-warning {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "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
+950
@@ -0,0 +1,950 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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)::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;
|
||||
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 .reusable-block-edit-panel * {
|
||||
z-index: 1;
|
||||
}
|
||||
.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 .components-with-notices-ui .components-notice .components-notice__content {
|
||||
font-size: 13px;
|
||||
}
|
||||
.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;
|
||||
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.has-warning::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
.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:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
@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);
|
||||
}
|
||||
|
||||
/**
|
||||
* Warnings.
|
||||
*/
|
||||
.block-editor-block-list__block .block-editor-warning {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.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, BlinkMacSystemFont, "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::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;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
}
|
||||
.is-dark-theme .block-editor-button-block-appender {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
.block-editor-button-block-appender:hover {
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:focus {
|
||||
box-shadow: inset 0 0 0 2px 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, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::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 .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
|
||||
opacity: 0;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .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 .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 .block-editor-inserter:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.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.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.is-drag-over::after {
|
||||
border: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.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.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.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::after {
|
||||
border: none;
|
||||
}
|
||||
.block-list-appender:only-child.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.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;
|
||||
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);
|
||||
}
|
||||
|
||||
.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 {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
display: none;
|
||||
padding: 0 !important;
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
.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);
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-child {
|
||||
position: relative;
|
||||
right: auto;
|
||||
align-self: center;
|
||||
list-style: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-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, 0));
|
||||
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, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
|
||||
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / 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, 0) / 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: 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;
|
||||
}
|
||||
.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]::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.block-editor-warning {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "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, BlinkMacSystemFont, "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, BlinkMacSystemFont, "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,BlinkMacSystemFont,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, BlinkMacSystemFont, "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,BlinkMacSystemFont,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}
|
||||
+4564
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+4566
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
@@ -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}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
@@ -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}
|
||||
+324
@@ -0,0 +1,324 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
|
||||
.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]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-color]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-color]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-color]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-left-color]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-width]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-width]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-width]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-width]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([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) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
html :where(.is-position-sticky) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: 0px;
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
}
|
||||
@@ -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}.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]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([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}}
|
||||
+330
@@ -0,0 +1,330 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
|
||||
.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]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-color]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-color]) {
|
||||
/*rtl:ignore*/
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-color]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-left-color]) {
|
||||
/*rtl:ignore*/
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-width]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-width]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-width]) {
|
||||
/*rtl:ignore*/
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-width]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([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) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
html :where(.is-position-sticky) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: 0px;
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
}
|
||||
@@ -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}.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]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([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}
|
||||
+2829
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+2834
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}
|
||||
+148
@@ -0,0 +1,148 @@
|
||||
/**
|
||||
* 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;
|
||||
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{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}
|
||||
+148
@@ -0,0 +1,148 @@
|
||||
/**
|
||||
* 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;
|
||||
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{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}
|
||||
+4964
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+5003
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+255
@@ -0,0 +1,255 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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:#ffffffa6}.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:#ffffffa6}.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:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.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:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.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}
|
||||
+255
@@ -0,0 +1,255 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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:#ffffffa6}.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:#ffffffa6}.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:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.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:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.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}
|
||||
+267
@@ -0,0 +1,267 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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 {
|
||||
border-radius: 4px;
|
||||
width: calc(100% - 32px);
|
||||
margin: auto;
|
||||
max-width: 400px;
|
||||
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: 16px 4px;
|
||||
outline: none;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.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] {
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true], .commands-command-menu__container [cmdk-item]:active {
|
||||
background: var(--wp-admin-theme-color);
|
||||
color: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] svg, .commands-command-menu__container [cmdk-item]:active svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.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 {
|
||||
min-height: 40px;
|
||||
padding: 4px;
|
||||
padding-right: 40px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > .has-icon {
|
||||
padding-right: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
|
||||
max-height: 368px;
|
||||
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]:has([cmdk-group-items]:not(:empty)) {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group]:last-child [cmdk-group-items]:not(:empty) {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.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: 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{border-radius:4px;margin:auto;max-width:400px;position:relative;top:calc(5% + 64px);width:calc(100% - 32px)}@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:16px 4px;width:100%}.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;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;font-size:13px}.commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{fill:#fff}.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{min-height:40px;padding:4px 40px 4px 16px}.commands-command-menu__container [cmdk-item]>.has-icon{padding-right:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:368px;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]:has([cmdk-group-items]:not(:empty)){padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){padding-bottom:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px}.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:#fffc}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:600}
|
||||
+267
@@ -0,0 +1,267 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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 {
|
||||
border-radius: 4px;
|
||||
width: calc(100% - 32px);
|
||||
margin: auto;
|
||||
max-width: 400px;
|
||||
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: 16px 4px;
|
||||
outline: none;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.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] {
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true], .commands-command-menu__container [cmdk-item]:active {
|
||||
background: var(--wp-admin-theme-color);
|
||||
color: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] svg, .commands-command-menu__container [cmdk-item]:active svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.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 {
|
||||
min-height: 40px;
|
||||
padding: 4px;
|
||||
padding-left: 40px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > .has-icon {
|
||||
padding-left: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
|
||||
max-height: 368px;
|
||||
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]:has([cmdk-group-items]:not(:empty)) {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group]:last-child [cmdk-group-items]:not(:empty) {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.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: 600;
|
||||
}
|
||||
+1
@@ -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{border-radius:4px;margin:auto;max-width:400px;position:relative;top:calc(5% + 64px);width:calc(100% - 32px)}@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:16px 4px;width:100%}.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;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;font-size:13px}.commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{fill:#fff}.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{min-height:40px;padding:4px 16px 4px 40px}.commands-command-menu__container [cmdk-item]>.has-icon{padding-left:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:368px;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]:has([cmdk-group-items]:not(:empty)){padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){padding-bottom:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px}.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:#fffc}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:600}
|
||||
+3919
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+3932
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,326 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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: 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: 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: 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
+326
@@ -0,0 +1,326 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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: 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: 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: 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
+166
@@ -0,0 +1,166 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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)}
|
||||
+170
@@ -0,0 +1,170 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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)}
|
||||
+649
@@ -0,0 +1,649 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-ui-page {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
flex-flow: column;
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
.admin-ui-page__header {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
|
||||
background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-title {
|
||||
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
||||
font-size: var(--wpds-font-size-xl, 20px);
|
||||
font-weight: var(--wpds-font-weight-medium, 499);
|
||||
line-height: var(--wpds-font-line-height-xl, 32px);
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.admin-ui-page__sidebar-toggle-slot:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-subtitle {
|
||||
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
||||
color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
|
||||
font-size: var(--wpds-font-size-md, 13px);
|
||||
line-height: var(--wpds-font-line-height-md, 24px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.admin-ui-page__content {
|
||||
flex-grow: 1;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.admin-ui-page__content.has-padding {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
|
||||
width: auto;
|
||||
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
|
||||
content: attr(aria-label);
|
||||
font-size: var(--wpds-font-size-sm, 12px);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.admin-ui-breadcrumbs__list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 0;
|
||||
font-size: 15px;
|
||||
min-height: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
||||
content: "/";
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list h1 {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle {
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
z-index: 100;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button {
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover, .edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active {
|
||||
color: #fff;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img {
|
||||
background: #1e1e1e;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__icon {
|
||||
fill: currentColor;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
background: #333;
|
||||
aspect-ratio: 1/1;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close.components-button:focus {
|
||||
position: relative;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__back-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: hsl(0, 0%, 80%);
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon.has-site-icon {
|
||||
background-color: hsla(0, 0%, 100%, 0.6);
|
||||
backdrop-filter: saturate(180%) blur(15px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Show icon label overrides.
|
||||
*/
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
|
||||
width: 64px;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
|
||||
display: block;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.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 {
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
touch-action: none;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
||||
cursor: 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: 24px;
|
||||
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: 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 .components-spinner {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
z-index: 5;
|
||||
}
|
||||
.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%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.edit-post-welcome-guide__heading,
|
||||
.edit-template-welcome-guide__heading {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "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%;
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor.is-iframed {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-visual-editor.is-iframed *,
|
||||
.edit-post-visual-editor.is-iframed *::before,
|
||||
.edit-post-visual-editor.is-iframed *::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 - 32px);
|
||||
}
|
||||
body.is-fullscreen-mode .block-editor__container {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
.block-editor__container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+649
@@ -0,0 +1,649 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-ui-page {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
flex-flow: column;
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
.admin-ui-page__header {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
|
||||
background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-title {
|
||||
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
||||
font-size: var(--wpds-font-size-xl, 20px);
|
||||
font-weight: var(--wpds-font-weight-medium, 499);
|
||||
line-height: var(--wpds-font-line-height-xl, 32px);
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.admin-ui-page__sidebar-toggle-slot:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-subtitle {
|
||||
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
||||
color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
|
||||
font-size: var(--wpds-font-size-md, 13px);
|
||||
line-height: var(--wpds-font-line-height-md, 24px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.admin-ui-page__content {
|
||||
flex-grow: 1;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.admin-ui-page__content.has-padding {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
|
||||
width: auto;
|
||||
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
|
||||
content: attr(aria-label);
|
||||
font-size: var(--wpds-font-size-sm, 12px);
|
||||
}
|
||||
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.admin-ui-breadcrumbs__list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 0;
|
||||
font-size: 15px;
|
||||
min-height: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
||||
content: "/";
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list h1 {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle {
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
z-index: 100;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button {
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover, .edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active {
|
||||
color: #fff;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img {
|
||||
background: #1e1e1e;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__icon {
|
||||
fill: currentColor;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
background: #333;
|
||||
aspect-ratio: 1/1;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close.components-button:focus {
|
||||
position: relative;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__back-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: hsl(0, 0%, 80%);
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon.has-site-icon {
|
||||
background-color: hsla(0, 0%, 100%, 0.6);
|
||||
backdrop-filter: saturate(180%) blur(15px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Show icon label overrides.
|
||||
*/
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
|
||||
width: 64px;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
|
||||
display: block;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.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 {
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
touch-action: none;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
||||
cursor: 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: 24px;
|
||||
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: 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 .components-spinner {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
z-index: 5;
|
||||
}
|
||||
.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%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.edit-post-welcome-guide__heading,
|
||||
.edit-template-welcome-guide__heading {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "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%;
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor.is-iframed {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-visual-editor.is-iframed *,
|
||||
.edit-post-visual-editor.is-iframed *::before,
|
||||
.edit-post-visual-editor.is-iframed *::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 - 32px);
|
||||
}
|
||||
body.is-fullscreen-mode .block-editor__container {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
.block-editor__container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+5621
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+5624
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1119
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1119
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+6853
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+6862
File diff suppressed because it is too large
Load Diff
+1
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}
|
||||
+86
@@ -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,121 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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-import-form .components-notice__content {
|
||||
margin: 0;
|
||||
}
|
||||
.list-reusable-blocks-import-form .components-notice.is-dismissible {
|
||||
padding-left: 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.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-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{margin:5px 0;padding-left:0}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}
|
||||
+121
@@ -0,0 +1,121 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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-import-form .components-notice__content {
|
||||
margin: 0;
|
||||
}
|
||||
.list-reusable-blocks-import-form .components-notice.is-dismissible {
|
||||
padding-right: 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.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-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{margin:5px 0;padding-right:0}.list-reusable-blocks__container{align-items:center;display:inline-flex;position:relative;top:-3px}
|
||||
+302
@@ -0,0 +1,302 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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;
|
||||
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-media-field__media-thumbnail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail--image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
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: 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.
|
||||
*/
|
||||
/**
|
||||
* 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: 16px;
|
||||
}
|
||||
.media-upload-modal .components-modal__content {
|
||||
padding: 0;
|
||||
}
|
||||
.media-upload-modal .dataviews-picker-wrapper > .dataviews__view-actions {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.media-upload-modal .dataviews-footer {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__snackbar {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.media-author-field__avatar{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:right;overflow:hidden;width:24px}.media-author-field__avatar img{border-radius:100%;height:16px;object-fit:cover;opacity:1;width:16px}@media not (prefers-reduced-motion){.media-author-field__avatar.is-loaded img,.media-author-field__avatar.is-loading img{transition:opacity .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;height:24px;width:24px}.media-author-field__icon svg{fill:currentColor;margin-right:-4px}.media-author-field__name{overflow:hidden;text-overflow:ellipsis}.dataviews-media-field__media-thumbnail{align-items:center;display:flex;height:100%;position:relative}.dataviews-media-field__media-thumbnail--image{display:block;height:100%;object-fit:cover;width:100%}.dataviews-media-field__media-thumbnail__stack{box-sizing:border-box;color:#757575;height:100%;width:100%}.dataviews-media-field__media-thumbnail--icon{fill:currentColor;color:#757575}.dataviews-media-field__media-thumbnail__filename{box-sizing:border-box;container-type:inline-size;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;font-weight:400;line-height:16px;padding:0 16px;text-align:center;width:100%}.dataviews-media-field__media-thumbnail__filename__truncate{margin-top:4px}@container (max-width: 90px){.dataviews-media-field__media-thumbnail__filename__truncate{display:none!important}}.media-upload-modal .components-modal__header{padding-bottom:8px}.media-upload-modal .components-modal__frame.is-full-screen .components-modal__content{margin-bottom:16px}.media-upload-modal .components-modal__content{padding:0}.media-upload-modal .dataviews-picker-wrapper>.dataviews__view-actions{padding-top:8px}.media-upload-modal .dataviews-footer{padding-bottom:8px}.media-upload-modal .media-upload-modal__snackbar{bottom:24px;box-sizing:border-box;display:flex;flex-direction:column;left:0;padding-inline:16px;pointer-events:none;position:fixed;right:0}.media-upload-modal .media-upload-modal__snackbar .components-snackbar{margin-inline:auto}
|
||||
+302
@@ -0,0 +1,302 @@
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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;
|
||||
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-media-field__media-thumbnail {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.dataviews-media-field__media-thumbnail--image {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
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: 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.
|
||||
*/
|
||||
/**
|
||||
* 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: 16px;
|
||||
}
|
||||
.media-upload-modal .components-modal__content {
|
||||
padding: 0;
|
||||
}
|
||||
.media-upload-modal .dataviews-picker-wrapper > .dataviews__view-actions {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.media-upload-modal .dataviews-footer {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__snackbar {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.media-upload-modal .media-upload-modal__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.media-author-field__avatar{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:left;overflow:hidden;width:24px}.media-author-field__avatar img{border-radius:100%;height:16px;object-fit:cover;opacity:1;width:16px}@media not (prefers-reduced-motion){.media-author-field__avatar.is-loaded img,.media-author-field__avatar.is-loading img{transition:opacity .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;height:24px;width:24px}.media-author-field__icon svg{fill:currentColor;margin-left:-4px}.media-author-field__name{overflow:hidden;text-overflow:ellipsis}.dataviews-media-field__media-thumbnail{align-items:center;display:flex;height:100%;position:relative}.dataviews-media-field__media-thumbnail--image{display:block;height:100%;object-fit:cover;width:100%}.dataviews-media-field__media-thumbnail__stack{box-sizing:border-box;color:#757575;height:100%;width:100%}.dataviews-media-field__media-thumbnail--icon{fill:currentColor;color:#757575}.dataviews-media-field__media-thumbnail__filename{box-sizing:border-box;container-type:inline-size;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;font-weight:400;line-height:16px;padding:0 16px;text-align:center;width:100%}.dataviews-media-field__media-thumbnail__filename__truncate{margin-top:4px}@container (max-width: 90px){.dataviews-media-field__media-thumbnail__filename__truncate{display:none!important}}.media-upload-modal .components-modal__header{padding-bottom:8px}.media-upload-modal .components-modal__frame.is-full-screen .components-modal__content{margin-bottom:16px}.media-upload-modal .components-modal__content{padding:0}.media-upload-modal .dataviews-picker-wrapper>.dataviews__view-actions{padding-top:8px}.media-upload-modal .dataviews-footer{padding-bottom:8px}.media-upload-modal .media-upload-modal__snackbar{bottom:24px;box-sizing:border-box;display:flex;flex-direction:column;left:0;padding-inline:16px;pointer-events:none;position:fixed;right:0}.media-upload-modal .media-upload-modal__snackbar .components-snackbar{margin-inline:auto}
|
||||
+186
@@ -0,0 +1,186 @@
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.nux-dot-tip::before, .nux-dot-tip::after {
|
||||
border-radius: 100%;
|
||||
content: " ";
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
}
|
||||
.nux-dot-tip::before {
|
||||
background: rgba(0, 115, 156, 0.9);
|
||||
opacity: 0.9;
|
||||
height: 24px;
|
||||
right: -12px;
|
||||
top: -12px;
|
||||
transform: scale(0.3333333333);
|
||||
width: 24px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.nux-dot-tip::before {
|
||||
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
||||
}
|
||||
}
|
||||
.nux-dot-tip::after {
|
||||
background: #00739c;
|
||||
height: 8px;
|
||||
right: -4px;
|
||||
top: -4px;
|
||||
width: 8px;
|
||||
}
|
||||
@keyframes nux-pulse {
|
||||
100% {
|
||||
background: rgba(0, 115, 156, 0);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 350px;
|
||||
padding: 20px 18px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] {
|
||||
margin-top: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
|
||||
margin-right: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] .components-popover__content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {
|
||||
z-index: 1000001;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {
|
||||
align-self: end;
|
||||
right: 5px;
|
||||
margin: 20px 0 0 0;
|
||||
max-width: none !important;
|
||||
position: fixed;
|
||||
left: 5px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
margin-left: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
margin-right: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
margin-left: -12px;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
margin-right: -12px;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{background:#00739ce6;height:24px;opacity:.9;right:-12px;top:-12px;transform:scale(.3333333333);width:24px}@media not (prefers-reduced-motion){.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite}}.nux-dot-tip:after{background:#00739c;height:8px;right:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:#00739c00;transform:scale(1)}}.nux-dot-tip .components-popover__content{padding:20px 18px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{left:0;position:absolute;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-right:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-right:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px}
|
||||
Vendored
+190
@@ -0,0 +1,190 @@
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.nux-dot-tip::before, .nux-dot-tip::after {
|
||||
border-radius: 100%;
|
||||
content: " ";
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
}
|
||||
.nux-dot-tip::before {
|
||||
background: rgba(0, 115, 156, 0.9);
|
||||
opacity: 0.9;
|
||||
height: 24px;
|
||||
left: -12px;
|
||||
top: -12px;
|
||||
transform: scale(0.3333333333);
|
||||
width: 24px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.nux-dot-tip::before {
|
||||
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
||||
}
|
||||
}
|
||||
.nux-dot-tip::after {
|
||||
background: #00739c;
|
||||
height: 8px;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
width: 8px;
|
||||
}
|
||||
@keyframes nux-pulse {
|
||||
100% {
|
||||
background: rgba(0, 115, 156, 0);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 350px;
|
||||
padding: 20px 18px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] {
|
||||
margin-top: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
|
||||
margin-left: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] .components-popover__content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {
|
||||
z-index: 1000001;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {
|
||||
align-self: end;
|
||||
left: 5px;
|
||||
margin: 20px 0 0 0;
|
||||
max-width: none !important;
|
||||
position: fixed;
|
||||
right: 5px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-left: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-right: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-left: -12px;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-right: -12px;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{background:#00739ce6;height:24px;left:-12px;opacity:.9;top:-12px;transform:scale(.3333333333);width:24px}@media not (prefers-reduced-motion){.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite}}.nux-dot-tip:after{background:#00739c;height:8px;left:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:#00739c00;transform:scale(1)}}.nux-dot-tip .components-popover__content{padding:20px 18px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;right:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-left:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-left:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user