lol backups and old site first commit

This commit is contained in:
2026-09-06 00:14:06 +02:00
parent 1e8a86873d
commit 56e7e28142
4021 changed files with 1866999 additions and 0 deletions
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
+457
View File
@@ -0,0 +1,457 @@
/*! This file is auto-generated */
/* ----------------------------------------------------------------------------
NOTE: If you edit this file, you should make sure that the CSS rules for
buttons in the following files are updated.
* jquery-ui-dialog.css
* editor.css
WordPress-style Buttons
=======================
Create a button by adding the `.button` class to an element. For backward
compatibility, we support several other classes (such as `.button-secondary`),
but these will *not* work with the stackable classes described below.
Button Styles
-------------
To display a primary button style, add the `.button-primary` class to a button.
Button Sizes
------------
Adjust a button's size by adding the `.button-large` or `.button-small` class.
Button States
-------------
Lock the state of a button by adding the name of the pseudoclass as
an actual class (e.g. `.hover` for `:hover`).
TABLE OF CONTENTS:
------------------
1.0 - Button Layouts
2.0 - Default Button Style
3.0 - Primary Button Style
4.0 - Button Groups
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
1.0 - Button Layouts
---------------------------------------------------------------------------- */
.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary {
display: inline-block;
text-decoration: none;
font-size: 13px;
font-weight: 500;
line-height: 2.92307692; /* 38px - allows 40px min-height with 1px border */
min-height: 40px;
margin: 0;
padding: 0 16px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 2px;
white-space: nowrap;
box-sizing: border-box;
}
/* Remove the dotted border on :focus and the extra padding in Firefox */
.wp-core-ui button::-moz-focus-inner,
.wp-core-ui input[type="reset"]::-moz-focus-inner,
.wp-core-ui input[type="button"]::-moz-focus-inner,
.wp-core-ui input[type="submit"]::-moz-focus-inner {
border-width: 0;
border-style: none;
padding: 0;
}
/* Compact size - 32px, for space-constrained contexts */
.wp-core-ui .button.button-compact,
.wp-core-ui .button-group.button-compact .button {
line-height: 2.30769231; /* 30px - allows 32px min-height with 1px border */
min-height: 32px;
padding: 0 12px;
}
/* Small size - 24px */
.wp-core-ui .button.button-small,
.wp-core-ui .button-group.button-small .button {
line-height: 2; /* 22px - allows 24px min-height with 1px border */
min-height: 24px;
padding: 0 8px;
font-size: 11px;
}
/* Large size - explicit 40px (same as default, for semantic clarity) */
.wp-core-ui .button.button-large,
.wp-core-ui .button-group.button-large .button {
line-height: 2.92307692; /* 38px - allows 40px min-height with 1px border */
min-height: 40px;
padding: 0 16px;
}
.wp-core-ui .button.button-hero,
.wp-core-ui .button-group.button-hero .button {
font-size: 14px;
line-height: 3.28571429; /* 46px - allows 48px min-height with 1px border */
min-height: 48px;
padding: 0 36px;
}
.wp-core-ui .button.hidden {
display: none;
}
/* Button Icons - Dashicons centering for all button sizes */
/* Dashicons are 20px font-size, so line-height = target-height / 20 */
.wp-core-ui .button .dashicons,
.wp-core-ui .button-primary .dashicons,
.wp-core-ui .button-secondary .dashicons {
line-height: 1.9; /* 38px (20px * 1.9) - matches default button */
vertical-align: top;
}
.wp-core-ui .button.button-compact .dashicons {
line-height: 1.5; /* 30px (20px * 1.5) - matches compact button */
}
.wp-core-ui .button.button-small .dashicons {
line-height: 1.1; /* 22px (20px * 1.1) - matches small button */
}
.wp-core-ui .button.button-hero .dashicons {
line-height: 2.3; /* 46px (20px * 2.3) - matches hero button */
}
/* Style Reset buttons as simple text links */
.wp-core-ui input[type="reset"],
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active,
.wp-core-ui input[type="reset"]:focus {
background: none;
border: none;
box-shadow: none;
padding: 0 2px 1px;
width: auto;
}
/* ----------------------------------------------------------------------------
2.0 - Default Button Style
---------------------------------------------------------------------------- */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: var(--wp-admin-theme-color, #3858e9);
border-color: var(--wp-admin-theme-color, #3858e9);
background: transparent;
vertical-align: top;
}
.wp-core-ui p .button {
vertical-align: baseline;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
background: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.04);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
background: transparent;
border-color: var(--wp-admin-theme-color, #3858e9);
color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
/* Reset inherited offset from Gutenberg */
outline-offset: 0;
}
/* :active state */
.wp-core-ui .button:active,
.wp-core-ui .button-secondary:active {
background: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.08);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
box-shadow: none;
}
/* pressed state e.g. a selected setting */
.wp-core-ui .button.active,
.wp-core-ui .button.active:hover {
background-color: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.08);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
border-color: var(--wp-admin-theme-color, #3858e9);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20);
outline: 3px solid transparent;
outline-offset: -3px;
}
.wp-core-ui .button.active:focus {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
outline-width: 4px;
}
.wp-core-ui .button[disabled],
.wp-core-ui .button:disabled,
.wp-core-ui .button.disabled,
.wp-core-ui .button-secondary[disabled],
.wp-core-ui .button-secondary:disabled,
.wp-core-ui .button-secondary.disabled,
.wp-core-ui .button-disabled {
color: #8a8a8a !important;
border-color: #d8d8d8 !important;
background: transparent !important;
box-shadow: none !important;
cursor: default;
transform: none !important;
}
.wp-core-ui .button[aria-disabled="true"],
.wp-core-ui .button-secondary[aria-disabled="true"] {
color: #8a8a8a !important;
cursor: default;
}
/* Buttons that look like links, for a cross of good semantics with the visual */
.wp-core-ui .button-link {
margin: 0;
padding: 0;
box-shadow: none;
border: 0;
border-radius: 0;
background: none;
cursor: pointer;
text-align: right;
/* Mimics the default link style in common.css */
color: var(--wp-admin-theme-color, #3858e9);
text-decoration: underline;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
.wp-core-ui .button-link:hover,
.wp-core-ui .button-link:active {
color: var(--wp-admin-theme-color-darker-20, #183ad6);
}
.wp-core-ui .button-link:focus {
color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
border-radius: 2px;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.wp-core-ui .button-link-delete {
color: #d63638;
}
.wp-core-ui .button-link-delete:hover,
.wp-core-ui .button-link-delete:focus {
color: #d63638;
background: transparent;
}
.wp-core-ui .button-link-delete:disabled {
/* overrides the default buttons disabled background */
background: transparent !important;
}
/* ----------------------------------------------------------------------------
3.0 - Primary Button Style
---------------------------------------------------------------------------- */
.wp-core-ui .button-primary {
background: var(--wp-admin-theme-color, #3858e9);
border-color: var(--wp-admin-theme-color, #3858e9);
color: #fff;
text-decoration: none;
text-shadow: none;
}
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover {
background: var(--wp-admin-theme-color-darker-10, #2145e6);
border-color: var(--wp-admin-theme-color-darker-10, #2145e6);
color: #fff;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
background: var(--wp-admin-theme-color, #3858e9);
border-color: var(--wp-admin-theme-color, #3858e9);
color: #fff;
box-shadow:
0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9),
inset 0 0 0 1px #fff;
outline: 1px solid transparent;
}
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary:active {
background: var(--wp-admin-theme-color-darker-20, #183ad6);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
box-shadow: none;
color: #fff;
}
.wp-core-ui .button-primary[disabled],
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled {
color: #8a8a8a !important;
background: #e2e2e2 !important;
border-color: #e2e2e2 !important;
box-shadow: none !important;
text-shadow: none !important;
cursor: default;
}
.wp-core-ui .button-primary[aria-disabled="true"] {
cursor: default;
}
/* ----------------------------------------------------------------------------
4.0 - Button Groups
---------------------------------------------------------------------------- */
.wp-core-ui .button-group {
position: relative;
display: inline-block;
white-space: nowrap;
font-size: 0;
vertical-align: middle;
}
.wp-core-ui .button-group > .button {
display: inline-block;
border-radius: 0;
margin-left: -1px;
}
.wp-core-ui .button-group > .button:first-child {
border-radius: 0 2px 2px 0;
}
.wp-core-ui .button-group > .button:last-child {
border-radius: 2px 0 0 2px;
}
.wp-core-ui .button-group > .button-primary + .button {
border-right: 0;
}
.wp-core-ui .button-group > .button:focus {
position: relative;
z-index: 1;
}
/* pressed state e.g. a selected setting */
.wp-core-ui .button-group > .button.active {
border-color: var(--wp-admin-theme-color);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20);
}
.wp-core-ui .button-group > .button.active:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
}
/* ----------------------------------------------------------------------------
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */
@media screen and (max-width: 782px) {
.wp-core-ui .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button.button-compact,
.wp-core-ui .button.button-small,
input#publish,
input#save-post,
a.preview {
padding: 0 14px;
line-height: 2.71428571; /* 38px - allows 40px min-height with 1px border */
font-size: 14px;
vertical-align: middle;
min-height: 40px;
margin-bottom: 4px;
}
/* Responsive Button Icons - Dashicons centering */
.wp-core-ui .button .dashicons,
.wp-core-ui .button-primary .dashicons,
.wp-core-ui .button-secondary .dashicons {
line-height: 1.9; /* 38px (20px * 1.9) - matches responsive button */
}
/* Copy attachment URL button in the legacy edit media page. */
.wp-core-ui .copy-to-clipboard-container .copy-attachment-url {
margin-bottom: 0;
}
#media-upload.wp-core-ui .button {
padding: 0 10px;
line-height: 1.69230769; /* 22px */
min-height: 24px;
font-size: 13px;
}
.media-frame.mode-grid .bulk-select .button {
margin-bottom: 0;
}
/* Publish Metabox Options */
.wp-core-ui .save-post-status.button {
position: relative;
margin: 0 10px 0 14px; /* 14px right margin to match all other buttons */
}
/* Reset responsive styles in Press This, Customizer */
.wp-core-ui.wp-customizer .button {
font-size: 13px;
line-height: 2.30769231; /* 30px */
min-height: 32px;
margin: 0;
vertical-align: inherit;
}
.wp-customizer .theme-overlay .theme-actions .button {
margin-bottom: 5px;
}
.media-modal-content .media-toolbar-primary .media-button {
margin-top: 10px;
margin-right: 5px;
}
/* Reset responsive styles on Log in button on iframed login form */
.interim-login .button.button-large {
min-height: 32px;
line-height: 2.30769231; /* 30px */
padding: 0 12px;
}
}
File diff suppressed because one or more lines are too long
+456
View File
@@ -0,0 +1,456 @@
/* ----------------------------------------------------------------------------
NOTE: If you edit this file, you should make sure that the CSS rules for
buttons in the following files are updated.
* jquery-ui-dialog.css
* editor.css
WordPress-style Buttons
=======================
Create a button by adding the `.button` class to an element. For backward
compatibility, we support several other classes (such as `.button-secondary`),
but these will *not* work with the stackable classes described below.
Button Styles
-------------
To display a primary button style, add the `.button-primary` class to a button.
Button Sizes
------------
Adjust a button's size by adding the `.button-large` or `.button-small` class.
Button States
-------------
Lock the state of a button by adding the name of the pseudoclass as
an actual class (e.g. `.hover` for `:hover`).
TABLE OF CONTENTS:
------------------
1.0 - Button Layouts
2.0 - Default Button Style
3.0 - Primary Button Style
4.0 - Button Groups
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
1.0 - Button Layouts
---------------------------------------------------------------------------- */
.wp-core-ui .button,
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary {
display: inline-block;
text-decoration: none;
font-size: 13px;
font-weight: 500;
line-height: 2.92307692; /* 38px - allows 40px min-height with 1px border */
min-height: 40px;
margin: 0;
padding: 0 16px;
cursor: pointer;
border-width: 1px;
border-style: solid;
-webkit-appearance: none;
border-radius: 2px;
white-space: nowrap;
box-sizing: border-box;
}
/* Remove the dotted border on :focus and the extra padding in Firefox */
.wp-core-ui button::-moz-focus-inner,
.wp-core-ui input[type="reset"]::-moz-focus-inner,
.wp-core-ui input[type="button"]::-moz-focus-inner,
.wp-core-ui input[type="submit"]::-moz-focus-inner {
border-width: 0;
border-style: none;
padding: 0;
}
/* Compact size - 32px, for space-constrained contexts */
.wp-core-ui .button.button-compact,
.wp-core-ui .button-group.button-compact .button {
line-height: 2.30769231; /* 30px - allows 32px min-height with 1px border */
min-height: 32px;
padding: 0 12px;
}
/* Small size - 24px */
.wp-core-ui .button.button-small,
.wp-core-ui .button-group.button-small .button {
line-height: 2; /* 22px - allows 24px min-height with 1px border */
min-height: 24px;
padding: 0 8px;
font-size: 11px;
}
/* Large size - explicit 40px (same as default, for semantic clarity) */
.wp-core-ui .button.button-large,
.wp-core-ui .button-group.button-large .button {
line-height: 2.92307692; /* 38px - allows 40px min-height with 1px border */
min-height: 40px;
padding: 0 16px;
}
.wp-core-ui .button.button-hero,
.wp-core-ui .button-group.button-hero .button {
font-size: 14px;
line-height: 3.28571429; /* 46px - allows 48px min-height with 1px border */
min-height: 48px;
padding: 0 36px;
}
.wp-core-ui .button.hidden {
display: none;
}
/* Button Icons - Dashicons centering for all button sizes */
/* Dashicons are 20px font-size, so line-height = target-height / 20 */
.wp-core-ui .button .dashicons,
.wp-core-ui .button-primary .dashicons,
.wp-core-ui .button-secondary .dashicons {
line-height: 1.9; /* 38px (20px * 1.9) - matches default button */
vertical-align: top;
}
.wp-core-ui .button.button-compact .dashicons {
line-height: 1.5; /* 30px (20px * 1.5) - matches compact button */
}
.wp-core-ui .button.button-small .dashicons {
line-height: 1.1; /* 22px (20px * 1.1) - matches small button */
}
.wp-core-ui .button.button-hero .dashicons {
line-height: 2.3; /* 46px (20px * 2.3) - matches hero button */
}
/* Style Reset buttons as simple text links */
.wp-core-ui input[type="reset"],
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active,
.wp-core-ui input[type="reset"]:focus {
background: none;
border: none;
box-shadow: none;
padding: 0 2px 1px;
width: auto;
}
/* ----------------------------------------------------------------------------
2.0 - Default Button Style
---------------------------------------------------------------------------- */
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: var(--wp-admin-theme-color, #3858e9);
border-color: var(--wp-admin-theme-color, #3858e9);
background: transparent;
vertical-align: top;
}
.wp-core-ui p .button {
vertical-align: baseline;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
background: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.04);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
background: transparent;
border-color: var(--wp-admin-theme-color, #3858e9);
color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
/* Reset inherited offset from Gutenberg */
outline-offset: 0;
}
/* :active state */
.wp-core-ui .button:active,
.wp-core-ui .button-secondary:active {
background: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.08);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
box-shadow: none;
}
/* pressed state e.g. a selected setting */
.wp-core-ui .button.active,
.wp-core-ui .button.active:hover {
background-color: rgba(var(--wp-admin-theme-color--rgb, 56, 88, 233), 0.08);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
border-color: var(--wp-admin-theme-color, #3858e9);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20);
outline: 3px solid transparent;
outline-offset: -3px;
}
.wp-core-ui .button.active:focus {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
color: var(--wp-admin-theme-color-darker-20, #183ad6);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
outline-width: 4px;
}
.wp-core-ui .button[disabled],
.wp-core-ui .button:disabled,
.wp-core-ui .button.disabled,
.wp-core-ui .button-secondary[disabled],
.wp-core-ui .button-secondary:disabled,
.wp-core-ui .button-secondary.disabled,
.wp-core-ui .button-disabled {
color: #8a8a8a !important;
border-color: #d8d8d8 !important;
background: transparent !important;
box-shadow: none !important;
cursor: default;
transform: none !important;
}
.wp-core-ui .button[aria-disabled="true"],
.wp-core-ui .button-secondary[aria-disabled="true"] {
color: #8a8a8a !important;
cursor: default;
}
/* Buttons that look like links, for a cross of good semantics with the visual */
.wp-core-ui .button-link {
margin: 0;
padding: 0;
box-shadow: none;
border: 0;
border-radius: 0;
background: none;
cursor: pointer;
text-align: left;
/* Mimics the default link style in common.css */
color: var(--wp-admin-theme-color, #3858e9);
text-decoration: underline;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
}
.wp-core-ui .button-link:hover,
.wp-core-ui .button-link:active {
color: var(--wp-admin-theme-color-darker-20, #183ad6);
}
.wp-core-ui .button-link:focus {
color: var(--wp-admin-theme-color, #3858e9);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
border-radius: 2px;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.wp-core-ui .button-link-delete {
color: #d63638;
}
.wp-core-ui .button-link-delete:hover,
.wp-core-ui .button-link-delete:focus {
color: #d63638;
background: transparent;
}
.wp-core-ui .button-link-delete:disabled {
/* overrides the default buttons disabled background */
background: transparent !important;
}
/* ----------------------------------------------------------------------------
3.0 - Primary Button Style
---------------------------------------------------------------------------- */
.wp-core-ui .button-primary {
background: var(--wp-admin-theme-color, #3858e9);
border-color: var(--wp-admin-theme-color, #3858e9);
color: #fff;
text-decoration: none;
text-shadow: none;
}
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover {
background: var(--wp-admin-theme-color-darker-10, #2145e6);
border-color: var(--wp-admin-theme-color-darker-10, #2145e6);
color: #fff;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
background: var(--wp-admin-theme-color, #3858e9);
border-color: var(--wp-admin-theme-color, #3858e9);
color: #fff;
box-shadow:
0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9),
inset 0 0 0 1px #fff;
outline: 1px solid transparent;
}
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary:active {
background: var(--wp-admin-theme-color-darker-20, #183ad6);
border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
box-shadow: none;
color: #fff;
}
.wp-core-ui .button-primary[disabled],
.wp-core-ui .button-primary:disabled,
.wp-core-ui .button-primary-disabled,
.wp-core-ui .button-primary.disabled {
color: #8a8a8a !important;
background: #e2e2e2 !important;
border-color: #e2e2e2 !important;
box-shadow: none !important;
text-shadow: none !important;
cursor: default;
}
.wp-core-ui .button-primary[aria-disabled="true"] {
cursor: default;
}
/* ----------------------------------------------------------------------------
4.0 - Button Groups
---------------------------------------------------------------------------- */
.wp-core-ui .button-group {
position: relative;
display: inline-block;
white-space: nowrap;
font-size: 0;
vertical-align: middle;
}
.wp-core-ui .button-group > .button {
display: inline-block;
border-radius: 0;
margin-right: -1px;
}
.wp-core-ui .button-group > .button:first-child {
border-radius: 2px 0 0 2px;
}
.wp-core-ui .button-group > .button:last-child {
border-radius: 0 2px 2px 0;
}
.wp-core-ui .button-group > .button-primary + .button {
border-left: 0;
}
.wp-core-ui .button-group > .button:focus {
position: relative;
z-index: 1;
}
/* pressed state e.g. a selected setting */
.wp-core-ui .button-group > .button.active {
border-color: var(--wp-admin-theme-color);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20);
}
.wp-core-ui .button-group > .button.active:focus {
border-color: var(--wp-admin-theme-color);
box-shadow: inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20), 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
}
/* ----------------------------------------------------------------------------
5.0 - Responsive Button Styles
---------------------------------------------------------------------------- */
@media screen and (max-width: 782px) {
.wp-core-ui .button,
.wp-core-ui .button.button-large,
.wp-core-ui .button.button-compact,
.wp-core-ui .button.button-small,
input#publish,
input#save-post,
a.preview {
padding: 0 14px;
line-height: 2.71428571; /* 38px - allows 40px min-height with 1px border */
font-size: 14px;
vertical-align: middle;
min-height: 40px;
margin-bottom: 4px;
}
/* Responsive Button Icons - Dashicons centering */
.wp-core-ui .button .dashicons,
.wp-core-ui .button-primary .dashicons,
.wp-core-ui .button-secondary .dashicons {
line-height: 1.9; /* 38px (20px * 1.9) - matches responsive button */
}
/* Copy attachment URL button in the legacy edit media page. */
.wp-core-ui .copy-to-clipboard-container .copy-attachment-url {
margin-bottom: 0;
}
#media-upload.wp-core-ui .button {
padding: 0 10px;
line-height: 1.69230769; /* 22px */
min-height: 24px;
font-size: 13px;
}
.media-frame.mode-grid .bulk-select .button {
margin-bottom: 0;
}
/* Publish Metabox Options */
.wp-core-ui .save-post-status.button {
position: relative;
margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
}
/* Reset responsive styles in Press This, Customizer */
.wp-core-ui.wp-customizer .button {
font-size: 13px;
line-height: 2.30769231; /* 30px */
min-height: 32px;
margin: 0;
vertical-align: inherit;
}
.wp-customizer .theme-overlay .theme-actions .button {
margin-bottom: 5px;
}
.media-modal-content .media-toolbar-primary .media-button {
margin-top: 10px;
margin-left: 5px;
}
/* Reset responsive styles on Log in button on iframed login form */
.interim-login .button.button-large {
min-height: 32px;
line-height: 2.30769231; /* 30px */
padding: 0 12px;
}
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,24 @@
/**
* These rules are needed for backwards compatibility.
* They should match the button element rules in the base theme.json file.
*/
.wp-block-button__link {
color: #ffffff;
background-color: #32373c;
border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */
/* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */
box-shadow: none;
text-decoration: none;
/* The extra 2px are added to size solids the same as the outline versions.*/
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
}
.wp-block-file__button {
background: #32373c;
color: #ffffff;
text-decoration: none;
}
+2
View File
@@ -0,0 +1,2 @@
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
@@ -0,0 +1,167 @@
/*! This file is auto-generated */
.customize-partial-refreshing {
opacity: 0.25;
transition: opacity 0.25s;
cursor: progress;
}
/* Override highlight when refreshing */
.customize-partial-refreshing.widget-customizer-highlighted-widget {
box-shadow: none;
}
/* Make shortcut buttons essentially invisible */
.widget .customize-partial-edit-shortcut,
.customize-partial-edit-shortcut {
position: absolute;
float: right;
width: 1px; /* required to have a size to be focusable in Safari */
height: 1px;
padding: 0;
margin: -1px -1px 0 0;
border: 0;
background: transparent;
color: transparent;
box-shadow: none;
outline: none;
z-index: 5;
}
/**
* Styles for the actual shortcut
*
* Note that some properties are overly verbose to prevent theme interference.
*/
.widget .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut button {
position: absolute;
right: -30px;
top: 2px;
color: #fff;
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
line-height: 1 !important;
font-size: 18px;
z-index: 5;
background: var( --wp-admin-theme-color, #3858e9 );
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15);
text-align: center;
cursor: pointer;
box-sizing: border-box;
padding: 3px;
animation-fill-mode: both;
animation-duration: .4s;
opacity: 0;
pointer-events: none;
text-shadow:
0 -1px 1px #135e96,
-1px 0 1px #135e96,
0 1px 1px #135e96,
1px 0 1px #135e96;
}
.wp-custom-header .customize-partial-edit-shortcut button {
right: 2px
}
.customize-partial-edit-shortcut button svg {
fill: #fff;
min-width: 20px;
min-height: 20px;
width: 20px;
height: 20px;
margin: auto;
}
.customize-partial-edit-shortcut button:hover {
background: var( --wp-admin-theme-color-darker-10, #2145e6 ) !important; /* matches primary buttons */
}
.customize-partial-edit-shortcut button:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px ) var(--wp-admin-theme-color, #3858e9);
}
body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
animation-name: customize-partial-edit-shortcut-bounce-appear;
pointer-events: auto;
}
body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut button {
animation-name: customize-partial-edit-shortcut-bounce-disappear;
pointer-events: none;
}
.page-sidebar-collapsed .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut-hidden .customize-partial-edit-shortcut button {
visibility: hidden;
}
@keyframes customize-partial-edit-shortcut-bounce-appear {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes customize-partial-edit-shortcut-bounce-disappear {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
20% {
transform: scale3d(.97, .97, .97);
}
40% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
60% {
transform: scale3d(.9, .9, .9);
}
80% {
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
@media screen and (max-width: 800px) {
.widget .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut button {
right: -32px;
}
}
@media screen and (max-width: 320px) {
.widget .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut button {
right: -30px;
}
}
+2
View File
@@ -0,0 +1,2 @@
/*! This file is auto-generated */
.customize-partial-refreshing{opacity:.25;transition:opacity .25s;cursor:progress}.customize-partial-refreshing.widget-customizer-highlighted-widget{box-shadow:none}.customize-partial-edit-shortcut,.widget .customize-partial-edit-shortcut{position:absolute;float:right;width:1px;height:1px;padding:0;margin:-1px -1px 0 0;border:0;background:0 0;color:transparent;box-shadow:none;outline:0;z-index:5}.customize-partial-edit-shortcut button,.widget .customize-partial-edit-shortcut button{position:absolute;right:-30px;top:2px;color:#fff;width:30px;height:30px;min-width:30px;min-height:30px;line-height:1!important;font-size:18px;z-index:5;background:var(--wp-admin-theme-color,#3858e9);border-radius:50%;border:2px solid #fff;box-shadow:0 2px 1px rgba(60,67,74,.15);text-align:center;cursor:pointer;box-sizing:border-box;padding:3px;animation-fill-mode:both;animation-duration:.4s;opacity:0;pointer-events:none;text-shadow:0 -1px 1px #135e96,-1px 0 1px #135e96,0 1px 1px #135e96,1px 0 1px #135e96}.wp-custom-header .customize-partial-edit-shortcut button{right:2px}.customize-partial-edit-shortcut button svg{fill:#fff;min-width:20px;min-height:20px;width:20px;height:20px;margin:auto}.customize-partial-edit-shortcut button:hover{background:var(--wp-admin-theme-color-darker-10,#2145e6)!important}.customize-partial-edit-shortcut button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button{animation-name:customize-partial-edit-shortcut-bounce-appear;pointer-events:auto}body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut button{animation-name:customize-partial-edit-shortcut-bounce-disappear;pointer-events:none}.customize-partial-edit-shortcut-hidden .customize-partial-edit-shortcut button,.page-sidebar-collapsed .customize-partial-edit-shortcut button{visibility:hidden}@keyframes customize-partial-edit-shortcut-bounce-appear{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes customize-partial-edit-shortcut-bounce-disappear{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:1;transform:scale3d(1,1,1)}20%{transform:scale3d(.97,.97,.97)}40%{opacity:1;transform:scale3d(1.03,1.03,1.03)}60%{transform:scale3d(.9,.9,.9)}80%{transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@media screen and (max-width:800px){.customize-partial-edit-shortcut button,.widget .customize-partial-edit-shortcut button{right:-32px}}@media screen and (max-width:320px){.customize-partial-edit-shortcut button,.widget .customize-partial-edit-shortcut button{right:-30px}}
@@ -0,0 +1,166 @@
.customize-partial-refreshing {
opacity: 0.25;
transition: opacity 0.25s;
cursor: progress;
}
/* Override highlight when refreshing */
.customize-partial-refreshing.widget-customizer-highlighted-widget {
box-shadow: none;
}
/* Make shortcut buttons essentially invisible */
.widget .customize-partial-edit-shortcut,
.customize-partial-edit-shortcut {
position: absolute;
float: left;
width: 1px; /* required to have a size to be focusable in Safari */
height: 1px;
padding: 0;
margin: -1px 0 0 -1px;
border: 0;
background: transparent;
color: transparent;
box-shadow: none;
outline: none;
z-index: 5;
}
/**
* Styles for the actual shortcut
*
* Note that some properties are overly verbose to prevent theme interference.
*/
.widget .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut button {
position: absolute;
left: -30px;
top: 2px;
color: #fff;
width: 30px;
height: 30px;
min-width: 30px;
min-height: 30px;
line-height: 1 !important;
font-size: 18px;
z-index: 5;
background: var( --wp-admin-theme-color, #3858e9 );
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 2px 1px rgba(60, 67, 74, 0.15);
text-align: center;
cursor: pointer;
box-sizing: border-box;
padding: 3px;
animation-fill-mode: both;
animation-duration: .4s;
opacity: 0;
pointer-events: none;
text-shadow:
0 -1px 1px #135e96,
1px 0 1px #135e96,
0 1px 1px #135e96,
-1px 0 1px #135e96;
}
.wp-custom-header .customize-partial-edit-shortcut button {
left: 2px
}
.customize-partial-edit-shortcut button svg {
fill: #fff;
min-width: 20px;
min-height: 20px;
width: 20px;
height: 20px;
margin: auto;
}
.customize-partial-edit-shortcut button:hover {
background: var( --wp-admin-theme-color-darker-10, #2145e6 ) !important; /* matches primary buttons */
}
.customize-partial-edit-shortcut button:focus {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px ) var(--wp-admin-theme-color, #3858e9);
}
body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
animation-name: customize-partial-edit-shortcut-bounce-appear;
pointer-events: auto;
}
body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut button {
animation-name: customize-partial-edit-shortcut-bounce-disappear;
pointer-events: none;
}
.page-sidebar-collapsed .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut-hidden .customize-partial-edit-shortcut button {
visibility: hidden;
}
@keyframes customize-partial-edit-shortcut-bounce-appear {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes customize-partial-edit-shortcut-bounce-disappear {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
20% {
transform: scale3d(.97, .97, .97);
}
40% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
60% {
transform: scale3d(.9, .9, .9);
}
80% {
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
@media screen and (max-width: 800px) {
.widget .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut button {
left: -32px;
}
}
@media screen and (max-width: 320px) {
.widget .customize-partial-edit-shortcut button,
.customize-partial-edit-shortcut button {
left: -30px;
}
}
+2
View File
@@ -0,0 +1,2 @@
/*! This file is auto-generated */
.customize-partial-refreshing{opacity:.25;transition:opacity .25s;cursor:progress}.customize-partial-refreshing.widget-customizer-highlighted-widget{box-shadow:none}.customize-partial-edit-shortcut,.widget .customize-partial-edit-shortcut{position:absolute;float:left;width:1px;height:1px;padding:0;margin:-1px 0 0 -1px;border:0;background:0 0;color:transparent;box-shadow:none;outline:0;z-index:5}.customize-partial-edit-shortcut button,.widget .customize-partial-edit-shortcut button{position:absolute;left:-30px;top:2px;color:#fff;width:30px;height:30px;min-width:30px;min-height:30px;line-height:1!important;font-size:18px;z-index:5;background:var(--wp-admin-theme-color,#3858e9);border-radius:50%;border:2px solid #fff;box-shadow:0 2px 1px rgba(60,67,74,.15);text-align:center;cursor:pointer;box-sizing:border-box;padding:3px;animation-fill-mode:both;animation-duration:.4s;opacity:0;pointer-events:none;text-shadow:0 -1px 1px #135e96,1px 0 1px #135e96,0 1px 1px #135e96,-1px 0 1px #135e96}.wp-custom-header .customize-partial-edit-shortcut button{left:2px}.customize-partial-edit-shortcut button svg{fill:#fff;min-width:20px;min-height:20px;width:20px;height:20px;margin:auto}.customize-partial-edit-shortcut button:hover{background:var(--wp-admin-theme-color-darker-10,#2145e6)!important}.customize-partial-edit-shortcut button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button{animation-name:customize-partial-edit-shortcut-bounce-appear;pointer-events:auto}body.customize-partial-edit-shortcuts-hidden .customize-partial-edit-shortcut button{animation-name:customize-partial-edit-shortcut-bounce-disappear;pointer-events:none}.customize-partial-edit-shortcut-hidden .customize-partial-edit-shortcut button,.page-sidebar-collapsed .customize-partial-edit-shortcut button{visibility:hidden}@keyframes customize-partial-edit-shortcut-bounce-appear{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes customize-partial-edit-shortcut-bounce-disappear{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:1;transform:scale3d(1,1,1)}20%{transform:scale3d(.97,.97,.97)}40%{opacity:1;transform:scale3d(1.03,1.03,1.03)}60%{transform:scale3d(.9,.9,.9)}80%{transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@media screen and (max-width:800px){.customize-partial-edit-shortcut button,.widget .customize-partial-edit-shortcut button{left:-32px}}@media screen and (max-width:320px){.customize-partial-edit-shortcut button,.widget .customize-partial-edit-shortcut button{left:-30px}}
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,214 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
body.admin-color-light {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-light {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-modern {
--wp-admin-theme-color: #3858e9;
--wp-admin-theme-color--rgb: 56, 88, 233;
--wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
--wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-modern {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-blue {
--wp-admin-theme-color: #437aa8;
--wp-admin-theme-color--rgb: 67, 122, 168;
--wp-admin-theme-color-darker-10: rgb(59.729787234, 108.7617021277, 149.770212766);
--wp-admin-theme-color-darker-10--rgb: 59.729787234, 108.7617021277, 149.770212766;
--wp-admin-theme-color-darker-20: rgb(52.4595744681, 95.5234042553, 131.5404255319);
--wp-admin-theme-color-darker-20--rgb: 52.4595744681, 95.5234042553, 131.5404255319;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-blue {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-coffee {
--wp-admin-theme-color: #916745;
--wp-admin-theme-color--rgb: 145, 103, 69;
--wp-admin-theme-color-darker-10: rgb(127.7219626168, 90.726635514, 60.7780373832);
--wp-admin-theme-color-darker-10--rgb: 127.7219626168, 90.726635514, 60.7780373832;
--wp-admin-theme-color-darker-20: rgb(110.4439252336, 78.453271028, 52.5560747664);
--wp-admin-theme-color-darker-20--rgb: 110.4439252336, 78.453271028, 52.5560747664;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-coffee {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ectoplasm {
--wp-admin-theme-color: #646c3e;
--wp-admin-theme-color--rgb: 100, 108, 62;
--wp-admin-theme-color-darker-10: rgb(85, 91.8, 52.7);
--wp-admin-theme-color-darker-10--rgb: 85, 91.8, 52.7;
--wp-admin-theme-color-darker-20: rgb(70, 75.6, 43.4);
--wp-admin-theme-color-darker-20--rgb: 70, 75.6, 43.4;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-ectoplasm {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-midnight {
--wp-admin-theme-color: #cf4339;
--wp-admin-theme-color--rgb: 207, 67, 57;
--wp-admin-theme-color-darker-10: rgb(191.9634146341, 56.2317073171, 46.5365853659);
--wp-admin-theme-color-darker-10--rgb: 191.9634146341, 56.2317073171, 46.5365853659;
--wp-admin-theme-color-darker-20: rgb(171.4390243902, 50.2195121951, 41.5609756098);
--wp-admin-theme-color-darker-20--rgb: 171.4390243902, 50.2195121951, 41.5609756098;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-midnight {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ocean {
--wp-admin-theme-color: #567958;
--wp-admin-theme-color--rgb: 86, 121, 88;
--wp-admin-theme-color-darker-10: rgb(75.4057971014, 106.0942028986, 77.1594202899);
--wp-admin-theme-color-darker-10--rgb: 75.4057971014, 106.0942028986, 77.1594202899;
--wp-admin-theme-color-darker-20: rgb(64.8115942029, 91.1884057971, 66.3188405797);
--wp-admin-theme-color-darker-20--rgb: 64.8115942029, 91.1884057971, 66.3188405797;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-ocean {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-sunrise {
--wp-admin-theme-color: #ad631e;
--wp-admin-theme-color--rgb: 173, 99, 30;
--wp-admin-theme-color-darker-10: rgb(151.2684729064, 86.5640394089, 26.2315270936);
--wp-admin-theme-color-darker-10--rgb: 151.2684729064, 86.5640394089, 26.2315270936;
--wp-admin-theme-color-darker-20: rgb(129.5369458128, 74.1280788177, 22.4630541872);
--wp-admin-theme-color-darker-20--rgb: 129.5369458128, 74.1280788177, 22.4630541872;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-sunrise {
--wp-admin-border-width-focus: 1.5px;
}
}
@@ -0,0 +1 @@
body.admin-color-light{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#437aa8;--wp-admin-theme-color--rgb:67,122,168;--wp-admin-theme-color-darker-10:#3c6d96;--wp-admin-theme-color-darker-10--rgb:59.729787234,108.7617021277,149.770212766;--wp-admin-theme-color-darker-20:#346084;--wp-admin-theme-color-darker-20--rgb:52.4595744681,95.5234042553,131.5404255319;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#916745;--wp-admin-theme-color--rgb:145,103,69;--wp-admin-theme-color-darker-10:#805b3d;--wp-admin-theme-color-darker-10--rgb:127.7219626168,90.726635514,60.7780373832;--wp-admin-theme-color-darker-20:#6e4e35;--wp-admin-theme-color-darker-20--rgb:110.4439252336,78.453271028,52.5560747664;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#646c3e;--wp-admin-theme-color--rgb:100,108,62;--wp-admin-theme-color-darker-10:#555c35;--wp-admin-theme-color-darker-10--rgb:85,91.8,52.7;--wp-admin-theme-color-darker-20:#464c2b;--wp-admin-theme-color-darker-20--rgb:70,75.6,43.4;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#cf4339;--wp-admin-theme-color--rgb:207,67,57;--wp-admin-theme-color-darker-10:#c0382f;--wp-admin-theme-color-darker-10--rgb:191.9634146341,56.2317073171,46.5365853659;--wp-admin-theme-color-darker-20:#ab322a;--wp-admin-theme-color-darker-20--rgb:171.4390243902,50.2195121951,41.5609756098;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#567958;--wp-admin-theme-color--rgb:86,121,88;--wp-admin-theme-color-darker-10:#4b6a4d;--wp-admin-theme-color-darker-10--rgb:75.4057971014,106.0942028986,77.1594202899;--wp-admin-theme-color-darker-20:#415b42;--wp-admin-theme-color-darker-20--rgb:64.8115942029,91.1884057971,66.3188405797;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#ad631e;--wp-admin-theme-color--rgb:173,99,30;--wp-admin-theme-color-darker-10:#97571a;--wp-admin-theme-color-darker-10--rgb:151.2684729064,86.5640394089,26.2315270936;--wp-admin-theme-color-darker-20:#824a16;--wp-admin-theme-color-darker-20--rgb:129.5369458128,74.1280788177,22.4630541872;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
@@ -0,0 +1,214 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
body.admin-color-light {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-light {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-modern {
--wp-admin-theme-color: #3858e9;
--wp-admin-theme-color--rgb: 56, 88, 233;
--wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
--wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-modern {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-blue {
--wp-admin-theme-color: #437aa8;
--wp-admin-theme-color--rgb: 67, 122, 168;
--wp-admin-theme-color-darker-10: rgb(59.729787234, 108.7617021277, 149.770212766);
--wp-admin-theme-color-darker-10--rgb: 59.729787234, 108.7617021277, 149.770212766;
--wp-admin-theme-color-darker-20: rgb(52.4595744681, 95.5234042553, 131.5404255319);
--wp-admin-theme-color-darker-20--rgb: 52.4595744681, 95.5234042553, 131.5404255319;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-blue {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-coffee {
--wp-admin-theme-color: #916745;
--wp-admin-theme-color--rgb: 145, 103, 69;
--wp-admin-theme-color-darker-10: rgb(127.7219626168, 90.726635514, 60.7780373832);
--wp-admin-theme-color-darker-10--rgb: 127.7219626168, 90.726635514, 60.7780373832;
--wp-admin-theme-color-darker-20: rgb(110.4439252336, 78.453271028, 52.5560747664);
--wp-admin-theme-color-darker-20--rgb: 110.4439252336, 78.453271028, 52.5560747664;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-coffee {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ectoplasm {
--wp-admin-theme-color: #646c3e;
--wp-admin-theme-color--rgb: 100, 108, 62;
--wp-admin-theme-color-darker-10: rgb(85, 91.8, 52.7);
--wp-admin-theme-color-darker-10--rgb: 85, 91.8, 52.7;
--wp-admin-theme-color-darker-20: rgb(70, 75.6, 43.4);
--wp-admin-theme-color-darker-20--rgb: 70, 75.6, 43.4;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-ectoplasm {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-midnight {
--wp-admin-theme-color: #cf4339;
--wp-admin-theme-color--rgb: 207, 67, 57;
--wp-admin-theme-color-darker-10: rgb(191.9634146341, 56.2317073171, 46.5365853659);
--wp-admin-theme-color-darker-10--rgb: 191.9634146341, 56.2317073171, 46.5365853659;
--wp-admin-theme-color-darker-20: rgb(171.4390243902, 50.2195121951, 41.5609756098);
--wp-admin-theme-color-darker-20--rgb: 171.4390243902, 50.2195121951, 41.5609756098;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-midnight {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-ocean {
--wp-admin-theme-color: #567958;
--wp-admin-theme-color--rgb: 86, 121, 88;
--wp-admin-theme-color-darker-10: rgb(75.4057971014, 106.0942028986, 77.1594202899);
--wp-admin-theme-color-darker-10--rgb: 75.4057971014, 106.0942028986, 77.1594202899;
--wp-admin-theme-color-darker-20: rgb(64.8115942029, 91.1884057971, 66.3188405797);
--wp-admin-theme-color-darker-20--rgb: 64.8115942029, 91.1884057971, 66.3188405797;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-ocean {
--wp-admin-border-width-focus: 1.5px;
}
}
body.admin-color-sunrise {
--wp-admin-theme-color: #ad631e;
--wp-admin-theme-color--rgb: 173, 99, 30;
--wp-admin-theme-color-darker-10: rgb(151.2684729064, 86.5640394089, 26.2315270936);
--wp-admin-theme-color-darker-10--rgb: 151.2684729064, 86.5640394089, 26.2315270936;
--wp-admin-theme-color-darker-20: rgb(129.5369458128, 74.1280788177, 22.4630541872);
--wp-admin-theme-color-darker-20--rgb: 129.5369458128, 74.1280788177, 22.4630541872;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
body.admin-color-sunrise {
--wp-admin-border-width-focus: 1.5px;
}
}
@@ -0,0 +1 @@
body.admin-color-light{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#437aa8;--wp-admin-theme-color--rgb:67,122,168;--wp-admin-theme-color-darker-10:#3c6d96;--wp-admin-theme-color-darker-10--rgb:59.729787234,108.7617021277,149.770212766;--wp-admin-theme-color-darker-20:#346084;--wp-admin-theme-color-darker-20--rgb:52.4595744681,95.5234042553,131.5404255319;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#916745;--wp-admin-theme-color--rgb:145,103,69;--wp-admin-theme-color-darker-10:#805b3d;--wp-admin-theme-color-darker-10--rgb:127.7219626168,90.726635514,60.7780373832;--wp-admin-theme-color-darker-20:#6e4e35;--wp-admin-theme-color-darker-20--rgb:110.4439252336,78.453271028,52.5560747664;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#646c3e;--wp-admin-theme-color--rgb:100,108,62;--wp-admin-theme-color-darker-10:#555c35;--wp-admin-theme-color-darker-10--rgb:85,91.8,52.7;--wp-admin-theme-color-darker-20:#464c2b;--wp-admin-theme-color-darker-20--rgb:70,75.6,43.4;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#cf4339;--wp-admin-theme-color--rgb:207,67,57;--wp-admin-theme-color-darker-10:#c0382f;--wp-admin-theme-color-darker-10--rgb:191.9634146341,56.2317073171,46.5365853659;--wp-admin-theme-color-darker-20:#ab322a;--wp-admin-theme-color-darker-20--rgb:171.4390243902,50.2195121951,41.5609756098;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#567958;--wp-admin-theme-color--rgb:86,121,88;--wp-admin-theme-color-darker-10:#4b6a4d;--wp-admin-theme-color-darker-10--rgb:75.4057971014,106.0942028986,77.1594202899;--wp-admin-theme-color-darker-20:#415b42;--wp-admin-theme-color-darker-20--rgb:64.8115942029,91.1884057971,66.3188405797;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#ad631e;--wp-admin-theme-color--rgb:173,99,30;--wp-admin-theme-color-darker-10:#97571a;--wp-admin-theme-color-darker-10--rgb:151.2684729064,86.5640394089,26.2315270936;--wp-admin-theme-color-darker-20:#824a16;--wp-admin-theme-color-darker-20--rgb:129.5369458128,74.1280788177,22.4630541872;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
@@ -0,0 +1,289 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.block-directory-block-ratings > span {
display: flex;
}
.block-directory-block-ratings svg {
fill: #1e1e1e;
margin-right: -4px;
}
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
fill: #ccc;
}
.block-directory-compact-list {
margin: 0;
list-style: none;
}
.block-directory-compact-list__item {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
}
.block-directory-compact-list__item:last-child {
margin-bottom: 0;
}
.block-directory-compact-list__item-details {
margin-right: 8px;
}
.block-directory-compact-list__item-title {
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.block-directory-compact-list__item-author {
color: #757575;
font-size: 11px;
}
.block-directory-downloadable-block-icon {
min-width: 54px;
width: 54px;
height: 54px;
vertical-align: middle;
border: 1px solid #ddd;
}
.block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item {
margin-top: 4px;
}
.block-directory-downloadable-block-list-item {
display: grid;
grid-template-columns: auto 1fr;
width: 100%;
height: auto;
padding: 12px;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
text-align: right;
}
@media not (prefers-reduced-motion) {
.block-directory-downloadable-block-list-item {
transition: box-shadow 0.1s linear;
}
}
.block-directory-downloadable-block-list-item {
position: relative;
}
.block-directory-downloadable-block-list-item:not([aria-disabled=true]) {
cursor: var(--wpds-cursor-control, pointer);
}
.block-directory-downloadable-block-list-item:hover {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-directory-downloadable-block-list-item[data-focus-visible] {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author {
display: none;
}
.block-directory-downloadable-block-list-item__icon {
position: relative;
margin-left: 16px;
align-self: flex-start;
}
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(255, 255, 255, 0.75);
display: flex;
align-items: center;
justify-content: center;
}
.is-installing .block-directory-downloadable-block-list-item__icon {
margin-left: 22px;
}
.block-directory-block-ratings {
display: block;
margin-top: 4px;
}
.block-directory-downloadable-block-list-item__details {
color: #1e1e1e;
}
.block-directory-downloadable-block-list-item__title {
display: block;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.block-directory-downloadable-block-list-item__author {
display: block;
margin-top: 4px;
font-weight: normal;
}
.block-directory-downloadable-block-list-item__desc {
display: block;
margin-top: 8px;
}
.block-directory-downloadable-block-notice {
margin: 8px 0 0;
color: #cc1818;
}
.block-directory-downloadable-block-notice__content {
padding-left: 12px;
margin-bottom: 8px;
}
.block-directory-downloadable-blocks-panel {
padding: 16px;
}
.block-directory-downloadable-blocks-panel.has-blocks-loading {
font-style: normal;
padding: 0;
margin: 112px 0;
text-align: center;
color: #757575;
}
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
float: inherit;
}
.block-directory-downloadable-blocks-panel__no-local {
margin: 48px 0;
padding: 0 64px;
color: #757575;
text-align: center;
}
.block-directory-downloadable-blocks-panel__title {
margin: 0 0 4px;
font-size: 14px;
}
.block-directory-downloadable-blocks-panel__description {
margin-top: 0;
}
.installed-blocks-pre-publish-panel__copy {
margin-top: 0;
}
@@ -0,0 +1 @@
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-right:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{margin-top:4px}.block-directory-downloadable-block-list-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;display:grid;grid-template-columns:auto 1fr;height:auto;margin:0;padding:12px;text-align:right;width:100%}@media not (prefers-reduced-motion){.block-directory-downloadable-block-list-item{transition:box-shadow .1s linear}}.block-directory-downloadable-block-list-item{position:relative}.block-directory-downloadable-block-list-item:not([aria-disabled=true]){cursor:var(--wpds-cursor-control,pointer)}.block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{display:none}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-left:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.is-installing .block-directory-downloadable-block-list-item__icon{margin-left:22px}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-left:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description,.installed-blocks-pre-publish-panel__copy{margin-top:0}
+289
View File
@@ -0,0 +1,289 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.block-directory-block-ratings > span {
display: flex;
}
.block-directory-block-ratings svg {
fill: #1e1e1e;
margin-left: -4px;
}
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
fill: #ccc;
}
.block-directory-compact-list {
margin: 0;
list-style: none;
}
.block-directory-compact-list__item {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
}
.block-directory-compact-list__item:last-child {
margin-bottom: 0;
}
.block-directory-compact-list__item-details {
margin-left: 8px;
}
.block-directory-compact-list__item-title {
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.block-directory-compact-list__item-author {
color: #757575;
font-size: 11px;
}
.block-directory-downloadable-block-icon {
min-width: 54px;
width: 54px;
height: 54px;
vertical-align: middle;
border: 1px solid #ddd;
}
.block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item {
margin-top: 4px;
}
.block-directory-downloadable-block-list-item {
display: grid;
grid-template-columns: auto 1fr;
width: 100%;
height: auto;
padding: 12px;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
text-align: left;
}
@media not (prefers-reduced-motion) {
.block-directory-downloadable-block-list-item {
transition: box-shadow 0.1s linear;
}
}
.block-directory-downloadable-block-list-item {
position: relative;
}
.block-directory-downloadable-block-list-item:not([aria-disabled=true]) {
cursor: var(--wpds-cursor-control, pointer);
}
.block-directory-downloadable-block-list-item:hover {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-directory-downloadable-block-list-item[data-focus-visible] {
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author {
display: none;
}
.block-directory-downloadable-block-list-item__icon {
position: relative;
margin-right: 16px;
align-self: flex-start;
}
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.75);
display: flex;
align-items: center;
justify-content: center;
}
.is-installing .block-directory-downloadable-block-list-item__icon {
margin-right: 22px;
}
.block-directory-block-ratings {
display: block;
margin-top: 4px;
}
.block-directory-downloadable-block-list-item__details {
color: #1e1e1e;
}
.block-directory-downloadable-block-list-item__title {
display: block;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.block-directory-downloadable-block-list-item__author {
display: block;
margin-top: 4px;
font-weight: normal;
}
.block-directory-downloadable-block-list-item__desc {
display: block;
margin-top: 8px;
}
.block-directory-downloadable-block-notice {
margin: 8px 0 0;
color: #cc1818;
}
.block-directory-downloadable-block-notice__content {
padding-right: 12px;
margin-bottom: 8px;
}
.block-directory-downloadable-blocks-panel {
padding: 16px;
}
.block-directory-downloadable-blocks-panel.has-blocks-loading {
font-style: normal;
padding: 0;
margin: 112px 0;
text-align: center;
color: #757575;
}
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
float: inherit;
}
.block-directory-downloadable-blocks-panel__no-local {
margin: 48px 0;
padding: 0 64px;
color: #757575;
text-align: center;
}
.block-directory-downloadable-blocks-panel__title {
margin: 0 0 4px;
font-size: 14px;
}
.block-directory-downloadable-blocks-panel__description {
margin-top: 0;
}
.installed-blocks-pre-publish-panel__copy {
margin-top: 0;
}
@@ -0,0 +1 @@
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-left:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{margin-top:4px}.block-directory-downloadable-block-list-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;display:grid;grid-template-columns:auto 1fr;height:auto;margin:0;padding:12px;text-align:left;width:100%}@media not (prefers-reduced-motion){.block-directory-downloadable-block-list-item{transition:box-shadow .1s linear}}.block-directory-downloadable-block-list-item{position:relative}.block-directory-downloadable-block-list-item:not([aria-disabled=true]){cursor:var(--wpds-cursor-control,pointer)}.block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{display:none}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-right:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:hsla(0,0%,100%,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.is-installing .block-directory-downloadable-block-list-item__icon{margin-right:22px}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:var(--wpds-typography-font-weight-emphasis,600)}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-right:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description,.installed-blocks-pre-publish-panel__copy{margin-top:0}
@@ -0,0 +1,951 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.block-editor-block-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.block-editor-block-icon.has-colors svg {
fill: currentColor;
}
@media (forced-colors: active) {
.block-editor-block-icon.has-colors svg {
fill: CanvasText;
}
}
.block-editor-block-icon svg {
min-width: 20px;
min-height: 20px;
max-width: 24px;
max-height: 24px;
}
.block-editor-block-styles .block-editor-block-list__block {
margin: 0;
}
/**
* Cross-Block Selection
*/
@keyframes selection-overlay__fade-in-animation {
from {
opacity: 0;
}
to {
opacity: 0.4;
}
}
/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */
_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,
_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {
background-color: transparent;
}
/* stylelint-enable */
.block-editor-block-list__layout {
position: relative;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::-moz-selection {
background: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
background: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--wp-admin-theme-color);
opacity: 0.4;
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
animation: selection-overlay__fade-in-animation 0.1s ease-out;
animation-fill-mode: forwards;
}
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
outline: 2px solid transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {
outline-color: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
outline: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
content: "";
position: absolute;
pointer-events: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
outline-color: var(--wp-admin-theme-color);
outline-style: solid;
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
z-index: 1;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-block-hidden {
visibility: hidden;
overflow: hidden;
height: 0;
border: none !important;
padding: 0 !important;
opacity: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.block-editor-block-list__layout.is-layout-flex:not(.is-vertical) > .is-block-hidden {
width: 0;
height: auto;
align-self: stretch;
white-space: nowrap !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
.block-editor-block-list__layout [class^=components-] {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.block-editor-block-list__layout .block-editor-block-list__block {
position: relative;
overflow-wrap: break-word;
pointer-events: auto;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {
pointer-events: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
z-index: 20;
}
.block-editor-block-list__layout .block-editor-block-list__block {
/**
* Notices
*/
}
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
margin: -10px 0 12px 0;
}
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
margin: 0 0 12px 0;
width: 100%;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
min-height: 48px;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
pointer-events: all;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
float: none;
}
.block-editor-block-list__layout .block-editor-block-list__block:not([draggable=true]), .block-editor-block-list__layout .block-editor-block-list__block:not([data-draggable=true]) {
cursor: default;
}
.block-editor-block-list__layout .block-editor-block-list__block[draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true] {
cursor: grab;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected {
cursor: default;
}
.block-editor-block-list__layout .block-editor-block-list__block[contenteditable],
.block-editor-block-list__layout .block-editor-block-list__block [contenteditable] {
cursor: text;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
content: "";
position: absolute;
pointer-events: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
outline-color: var(--wp-admin-theme-color);
outline-style: solid;
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {
outline-color: var(--wp-block-synced-color);
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
outline-color: var(--wp-block-synced-color);
}
@keyframes block-editor-is-editable__animation {
from {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
}
to {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
}
}
@keyframes block-editor-is-editable__animation_reduce-motion {
0% {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
}
99% {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
}
100% {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
}
}
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
animation-name: block-editor-is-editable__animation;
animation-duration: 0.8s;
animation-timing-function: ease-out;
animation-delay: 0.1s;
animation-fill-mode: backwards;
bottom: 0;
content: "";
right: 0;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
}
@media (prefers-reduced-motion: reduce) {
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
animation-name: block-editor-is-editable__animation_reduce-motion;
animation-delay: 0s;
}
}
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
opacity: 0.2;
}
@media not (prefers-reduced-motion) {
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
transition: opacity 0.1s linear;
}
}
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
opacity: 1;
}
.is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected .block-editor-block-list__block {
opacity: 1;
}
.wp-block[data-align=left] > *,
.wp-block[data-align=right] > *,
.wp-block.alignleft,
.wp-block.alignright {
z-index: 21;
}
.wp-site-blocks > [data-align=left] {
float: right;
margin-left: 2em;
}
.wp-site-blocks > [data-align=right] {
float: left;
margin-right: 2em;
}
.wp-site-blocks > [data-align=center] {
justify-content: center;
margin-right: auto;
margin-left: auto;
}
/**
* In-Canvas Inserter
*/
.block-editor-block-list .block-editor-inserter {
margin: 8px;
cursor: move;
cursor: grab;
}
@keyframes block-editor-inserter__toggle__fade-in-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media not (prefers-reduced-motion) {
.wp-block .block-list-appender .block-editor-inserter__toggle {
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
animation-fill-mode: forwards;
}
}
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
display: block;
margin: 0;
padding: 12px;
width: 100%;
border: none;
outline: none;
border-radius: 2px;
box-sizing: border-box;
box-shadow: inset 0 0 0 1px #1e1e1e;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
line-height: 1.5;
direction: ltr;
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
transition: padding 0.2s linear;
}
}
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-block-list__zoom-out-separator {
/* same color as the iframe's background */
background: #ddd;
margin-right: -1px;
margin-left: -1px;
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__zoom-out-separator {
transition: background-color 0.3s ease;
}
}
.block-editor-block-list__zoom-out-separator {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-size: 13px;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #000;
font-weight: normal;
}
.is-zoomed-out .block-editor-block-list__zoom-out-separator {
font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
}
.block-editor-block-list__zoom-out-separator.is-dragged-over {
background: #ccc;
}
.has-global-padding > .block-editor-block-list__zoom-out-separator,
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
max-width: none;
margin: 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) !important;
}
.is-dragging {
cursor: grabbing;
}
.is-preview-mode {
pointer-events: none;
}
.is-preview-mode .block-editor-block-list__block {
pointer-events: auto;
}
.is-preview-mode .block-editor-block-list__block > *:not(.block-editor-block-list__block) {
pointer-events: none;
}
.is-vertical .block-list-appender {
width: 24px;
margin-left: auto;
margin-top: 12px;
margin-right: 12px;
}
.block-list-appender > .block-editor-inserter {
display: block;
}
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
opacity: 0;
transform: scale(0);
}
.block-editor-block-list__block.has-block-overlay {
cursor: default;
}
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {
pointer-events: none;
}
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {
right: 0;
left: 0;
width: auto;
}
.block-editor-block-list__layout .is-dragging {
opacity: 0.1;
}
.block-editor-block-list__layout .is-dragging iframe {
pointer-events: none;
}
.block-editor-block-list__layout .is-dragging::-moz-selection {
background: transparent !important;
}
.block-editor-block-list__layout .is-dragging::selection {
background: transparent !important;
}
.block-editor-block-list__layout .is-dragging::after {
content: none !important;
}
.wp-block img:not([draggable]),
.wp-block svg:not([draggable]) {
pointer-events: none;
}
.block-editor-block-preview__content-iframe .block-list-appender {
display: none;
}
.block-editor-block-preview__live-content * {
pointer-events: none;
}
.block-editor-block-preview__live-content .block-list-appender {
display: none;
}
.block-editor-block-preview__live-content .components-button:disabled {
opacity: initial;
}
.block-editor-block-preview__live-content .components-placeholder,
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
display: none;
}
.block-editor-block-variation-picker__variations,
.block-editor-block-variation-picker__skip,
.wp-block-group-placeholder__variations {
list-style: none;
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
padding: 0;
margin: 0;
gap: 8px;
font-size: 12px;
}
.block-editor-block-variation-picker__variations svg,
.block-editor-block-variation-picker__skip svg,
.wp-block-group-placeholder__variations svg {
fill: #949494 !important;
}
.block-editor-block-variation-picker__variations .components-button,
.block-editor-block-variation-picker__skip .components-button,
.wp-block-group-placeholder__variations .components-button {
padding: 4px;
}
.block-editor-block-variation-picker__variations .components-button:hover,
.block-editor-block-variation-picker__skip .components-button:hover,
.wp-block-group-placeholder__variations .components-button:hover {
background: none !important;
}
.block-editor-block-variation-picker__variations .components-button:hover svg,
.block-editor-block-variation-picker__skip .components-button:hover svg,
.wp-block-group-placeholder__variations .components-button:hover svg {
fill: var(--wp-admin-theme-color) !important;
}
.block-editor-block-variation-picker__variations > li,
.block-editor-block-variation-picker__skip > li,
.wp-block-group-placeholder__variations > li {
width: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.block-editor-button-block-appender {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
color: #1e1e1e;
border-color: currentColor;
}
.is-dark-theme .block-editor-button-block-appender {
color: rgba(255, 255, 255, 0.65);
}
.block-editor-button-block-appender:hover {
color: var(--wp-admin-theme-color);
}
.block-editor-button-block-appender:active {
color: #000;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) {
pointer-events: none;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
border: 1px dashed currentColor;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter {
opacity: 0;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within {
opacity: 1;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
border: none;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
visibility: visible;
}
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
border: none;
}
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
background-color: var(--wp-admin-theme-color);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
color: rgba(255, 255, 255, 0.65);
}
@media not (prefers-reduced-motion) {
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
transition: background-color 0.2s ease-in-out;
}
}
/**
* Default block appender.
*
* This component shows up in 3 places:
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
* - on the right, inside empty paragraphs
* - absolute positioned and blue inside nesting containers
*/
.block-editor-default-block-appender {
clear: both;
margin-right: auto;
margin-left: auto;
position: relative;
}
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
outline: 1px solid transparent;
}
.block-editor-default-block-appender .block-editor-default-block-appender__content {
opacity: 0.62;
text-shadow: none;
margin-block-start: 0;
margin-block-end: 0;
}
.block-editor-default-block-appender .components-drop-zone__content-icon {
display: none;
}
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
background: #1e1e1e;
color: #fff;
padding: 0;
min-width: 24px;
height: 24px;
}
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
color: #fff;
background: var(--wp-admin-theme-color);
}
@media not (prefers-reduced-motion) {
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon svg {
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
}
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg {
transform: rotate(-45deg);
}
.block-editor-default-block-appender .block-editor-inserter {
position: absolute;
top: 0;
left: 0;
line-height: 0;
}
.block-editor-default-block-appender .block-editor-inserter:disabled {
display: none;
}
/**
* Fixed position appender (right bottom corner).
*
* These styles apply to all in-canvas inserters. All in-canvas inserters always
* exist within a block.
*/
.block-editor-block-list__block .block-list-appender {
position: absolute;
list-style: none;
padding: 0;
z-index: 2;
bottom: 0;
left: 0;
}
.block-editor-block-list__block .block-list-appender.block-list-appender {
margin: 0;
line-height: 0;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {
display: none;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
height: 24px;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
background: #1e1e1e;
color: #fff;
padding: 0;
min-width: 24px;
height: 24px;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
color: #fff;
background: var(--wp-admin-theme-color);
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon svg,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle svg {
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle.is-pressed svg {
transform: rotate(-45deg);
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
flex-direction: row;
box-shadow: none;
width: 24px;
display: none;
padding: 0 !important;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
display: none;
}
.block-editor-block-list__block .block-list-appender:first-child {
position: relative;
left: auto;
align-self: center;
list-style: none;
line-height: inherit;
}
.block-editor-block-list__block .block-list-appender:first-child .block-editor-default-block-appender__content {
display: block;
}
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
display: flex;
}
.block-editor-default-block-appender__content {
cursor: text;
}
.block-editor-iframe__body {
position: relative;
}
.block-editor-iframe__html {
transform-origin: top center;
}
@media not (prefers-reduced-motion) {
.block-editor-iframe__html {
transition: background-color 400ms;
}
}
.block-editor-iframe__html.zoom-out-animation {
position: fixed;
right: 0;
left: 0;
top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0px));
bottom: 0;
overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
}
.block-editor-iframe__html.is-zoomed-out {
transform: translateX(calc(-1*((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1))));
scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
background-color: var(--wp-editor-canvas-background);
margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
}
.block-editor-iframe__html.is-zoomed-out body {
min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
}
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
}
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
flex: 1;
}
.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
cursor: grab;
}
.block-editor-media-placeholder__cancel-button.is-link {
margin: 1em;
display: block;
}
.block-editor-media-placeholder.is-appender {
min-height: 0;
}
.block-editor-media-placeholder.is-appender:hover {
cursor: var(--wpds-cursor-control, pointer);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
}
.block-editor-plain-text {
box-shadow: none;
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
border: none;
padding: 0;
margin: 0;
width: 100%;
}
.rich-text [data-rich-text-placeholder] {
pointer-events: none;
}
.rich-text [data-rich-text-placeholder]::after {
content: attr(data-rich-text-placeholder);
opacity: 0.62;
text-shadow: none;
}
.rich-text:focus {
outline: none;
}
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
opacity: 0.8;
}
[data-rich-text-script] {
display: inline;
}
[data-rich-text-script]::before {
content: "</>";
background: rgb(255, 255, 0);
}
[data-rich-text-comment],
[data-rich-text-format-boundary] {
border-radius: 2px;
}
[data-rich-text-comment] {
background-color: currentColor;
}
[data-rich-text-comment] span {
filter: invert(100%);
color: currentColor;
padding: 0 2px;
}
.rich-text [contenteditable=false]::-moz-selection {
background-color: transparent;
}
.rich-text [contenteditable=false]::selection {
background-color: transparent;
}
.block-editor-warning {
align-items: center;
display: flex;
flex-wrap: wrap;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 1em;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
}
.block-editor-warning .block-editor-warning__message {
line-height: 1.4;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
color: #1e1e1e;
margin: 0;
}
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
min-height: auto;
}
.block-editor-warning .block-editor-warning__contents {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: baseline;
width: 100%;
gap: 12px;
}
.block-editor-warning .block-editor-warning__actions {
align-items: center;
display: flex;
gap: 8px;
}
.components-popover.block-editor-warning__dropdown {
z-index: 99998;
}
File diff suppressed because one or more lines are too long
+952
View File
@@ -0,0 +1,952 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.block-editor-block-icon {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
}
.block-editor-block-icon.has-colors svg {
fill: currentColor;
}
@media (forced-colors: active) {
.block-editor-block-icon.has-colors svg {
fill: CanvasText;
}
}
.block-editor-block-icon svg {
min-width: 20px;
min-height: 20px;
max-width: 24px;
max-height: 24px;
}
.block-editor-block-styles .block-editor-block-list__block {
margin: 0;
}
/**
* Cross-Block Selection
*/
@keyframes selection-overlay__fade-in-animation {
from {
opacity: 0;
}
to {
opacity: 0.4;
}
}
/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */
_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,
_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {
background-color: transparent;
}
/* stylelint-enable */
.block-editor-block-list__layout {
position: relative;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::-moz-selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::-moz-selection {
background: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
background: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--wp-admin-theme-color);
opacity: 0.4;
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
animation: selection-overlay__fade-in-animation 0.1s ease-out;
animation-fill-mode: forwards;
}
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
outline: 2px solid transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {
outline-color: transparent;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
outline: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
content: "";
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
outline-color: var(--wp-admin-theme-color);
outline-style: solid;
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
z-index: 1;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-block-hidden {
visibility: hidden;
overflow: hidden;
height: 0;
border: none !important;
padding: 0 !important;
opacity: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.block-editor-block-list__layout.is-layout-flex:not(.is-vertical) > .is-block-hidden {
width: 0;
height: auto;
align-self: stretch;
white-space: nowrap !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.block-editor-block-list__layout [class^=components-] {
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.block-editor-block-list__layout .block-editor-block-list__block {
position: relative;
overflow-wrap: break-word;
pointer-events: auto;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {
pointer-events: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
z-index: 20;
}
.block-editor-block-list__layout .block-editor-block-list__block {
/**
* Notices
*/
}
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
margin: -10px 0 12px 0;
}
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
margin: 0 0 12px 0;
width: 100%;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
min-height: 48px;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
pointer-events: all;
}
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
float: none;
}
.block-editor-block-list__layout .block-editor-block-list__block:not([draggable=true]), .block-editor-block-list__layout .block-editor-block-list__block:not([data-draggable=true]) {
cursor: default;
}
.block-editor-block-list__layout .block-editor-block-list__block[draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true] {
cursor: grab;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected {
cursor: default;
}
.block-editor-block-list__layout .block-editor-block-list__block[contenteditable],
.block-editor-block-list__layout .block-editor-block-list__block [contenteditable] {
cursor: text;
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
content: "";
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
outline-color: var(--wp-admin-theme-color);
outline-style: solid;
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {
outline-color: var(--wp-block-synced-color);
}
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
outline-color: var(--wp-block-synced-color);
}
@keyframes block-editor-is-editable__animation {
from {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
}
to {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
}
}
@keyframes block-editor-is-editable__animation_reduce-motion {
0% {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
}
99% {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
}
100% {
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
}
}
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
animation-name: block-editor-is-editable__animation;
animation-duration: 0.8s;
animation-timing-function: ease-out;
animation-delay: 0.1s;
animation-fill-mode: backwards;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
@media (prefers-reduced-motion: reduce) {
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
animation-name: block-editor-is-editable__animation_reduce-motion;
animation-delay: 0s;
}
}
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
opacity: 0.2;
}
@media not (prefers-reduced-motion) {
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
transition: opacity 0.1s linear;
}
}
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
opacity: 1;
}
.is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected .block-editor-block-list__block {
opacity: 1;
}
.wp-block[data-align=left] > *,
.wp-block[data-align=right] > *,
.wp-block.alignleft,
.wp-block.alignright {
z-index: 21;
}
.wp-site-blocks > [data-align=left] {
float: left;
margin-right: 2em;
}
.wp-site-blocks > [data-align=right] {
float: right;
margin-left: 2em;
}
.wp-site-blocks > [data-align=center] {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
/**
* In-Canvas Inserter
*/
.block-editor-block-list .block-editor-inserter {
margin: 8px;
cursor: move;
cursor: grab;
}
@keyframes block-editor-inserter__toggle__fade-in-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media not (prefers-reduced-motion) {
.wp-block .block-list-appender .block-editor-inserter__toggle {
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
animation-fill-mode: forwards;
}
}
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
display: block;
margin: 0;
padding: 12px;
width: 100%;
border: none;
outline: none;
border-radius: 2px;
box-sizing: border-box;
box-shadow: inset 0 0 0 1px #1e1e1e;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace;
font-size: 15px;
line-height: 1.5;
/*rtl:ignore*/
direction: ltr;
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
transition: padding 0.2s linear;
}
}
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
}
.block-editor-block-list__zoom-out-separator {
/* same color as the iframe's background */
background: #ddd;
margin-left: -1px;
margin-right: -1px;
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__zoom-out-separator {
transition: background-color 0.3s ease;
}
}
.block-editor-block-list__zoom-out-separator {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-size: 13px;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
color: #000;
font-weight: normal;
}
.is-zoomed-out .block-editor-block-list__zoom-out-separator {
font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
}
.block-editor-block-list__zoom-out-separator.is-dragged-over {
background: #ccc;
}
.has-global-padding > .block-editor-block-list__zoom-out-separator,
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
max-width: none;
margin: 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) !important;
}
.is-dragging {
cursor: grabbing;
}
.is-preview-mode {
pointer-events: none;
}
.is-preview-mode .block-editor-block-list__block {
pointer-events: auto;
}
.is-preview-mode .block-editor-block-list__block > *:not(.block-editor-block-list__block) {
pointer-events: none;
}
.is-vertical .block-list-appender {
width: 24px;
margin-right: auto;
margin-top: 12px;
margin-left: 12px;
}
.block-list-appender > .block-editor-inserter {
display: block;
}
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
opacity: 0;
transform: scale(0);
}
.block-editor-block-list__block.has-block-overlay {
cursor: default;
}
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {
pointer-events: none;
}
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {
left: 0;
right: 0;
width: auto;
}
.block-editor-block-list__layout .is-dragging {
opacity: 0.1;
}
.block-editor-block-list__layout .is-dragging iframe {
pointer-events: none;
}
.block-editor-block-list__layout .is-dragging::-moz-selection {
background: transparent !important;
}
.block-editor-block-list__layout .is-dragging::selection {
background: transparent !important;
}
.block-editor-block-list__layout .is-dragging::after {
content: none !important;
}
.wp-block img:not([draggable]),
.wp-block svg:not([draggable]) {
pointer-events: none;
}
.block-editor-block-preview__content-iframe .block-list-appender {
display: none;
}
.block-editor-block-preview__live-content * {
pointer-events: none;
}
.block-editor-block-preview__live-content .block-list-appender {
display: none;
}
.block-editor-block-preview__live-content .components-button:disabled {
opacity: initial;
}
.block-editor-block-preview__live-content .components-placeholder,
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
display: none;
}
.block-editor-block-variation-picker__variations,
.block-editor-block-variation-picker__skip,
.wp-block-group-placeholder__variations {
list-style: none;
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
padding: 0;
margin: 0;
gap: 8px;
font-size: 12px;
}
.block-editor-block-variation-picker__variations svg,
.block-editor-block-variation-picker__skip svg,
.wp-block-group-placeholder__variations svg {
fill: #949494 !important;
}
.block-editor-block-variation-picker__variations .components-button,
.block-editor-block-variation-picker__skip .components-button,
.wp-block-group-placeholder__variations .components-button {
padding: 4px;
}
.block-editor-block-variation-picker__variations .components-button:hover,
.block-editor-block-variation-picker__skip .components-button:hover,
.wp-block-group-placeholder__variations .components-button:hover {
background: none !important;
}
.block-editor-block-variation-picker__variations .components-button:hover svg,
.block-editor-block-variation-picker__skip .components-button:hover svg,
.wp-block-group-placeholder__variations .components-button:hover svg {
fill: var(--wp-admin-theme-color) !important;
}
.block-editor-block-variation-picker__variations > li,
.block-editor-block-variation-picker__skip > li,
.wp-block-group-placeholder__variations > li {
width: auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.block-editor-button-block-appender {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
color: #1e1e1e;
border-color: currentColor;
}
.is-dark-theme .block-editor-button-block-appender {
color: rgba(255, 255, 255, 0.65);
}
.block-editor-button-block-appender:hover {
color: var(--wp-admin-theme-color);
}
.block-editor-button-block-appender:active {
color: #000;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) {
pointer-events: none;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
border: 1px dashed currentColor;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter {
opacity: 0;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within {
opacity: 1;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
border: none;
}
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
visibility: visible;
}
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
border: none;
}
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
background-color: var(--wp-admin-theme-color);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
color: rgba(255, 255, 255, 0.65);
}
@media not (prefers-reduced-motion) {
.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
transition: background-color 0.2s ease-in-out;
}
}
/**
* Default block appender.
*
* This component shows up in 3 places:
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
* - on the right, inside empty paragraphs
* - absolute positioned and blue inside nesting containers
*/
.block-editor-default-block-appender {
clear: both;
margin-left: auto;
margin-right: auto;
position: relative;
}
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
outline: 1px solid transparent;
}
.block-editor-default-block-appender .block-editor-default-block-appender__content {
opacity: 0.62;
text-shadow: none;
margin-block-start: 0;
margin-block-end: 0;
}
.block-editor-default-block-appender .components-drop-zone__content-icon {
display: none;
}
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
background: #1e1e1e;
color: #fff;
padding: 0;
min-width: 24px;
height: 24px;
}
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
color: #fff;
background: var(--wp-admin-theme-color);
}
@media not (prefers-reduced-motion) {
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon svg {
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
}
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg {
transform: rotate(45deg);
}
.block-editor-default-block-appender .block-editor-inserter {
position: absolute;
top: 0;
right: 0;
line-height: 0;
}
.block-editor-default-block-appender .block-editor-inserter:disabled {
display: none;
}
/**
* Fixed position appender (right bottom corner).
*
* These styles apply to all in-canvas inserters. All in-canvas inserters always
* exist within a block.
*/
.block-editor-block-list__block .block-list-appender {
position: absolute;
list-style: none;
padding: 0;
z-index: 2;
bottom: 0;
right: 0;
}
.block-editor-block-list__block .block-list-appender.block-list-appender {
margin: 0;
line-height: 0;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {
display: none;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
height: 24px;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
background: #1e1e1e;
color: #fff;
padding: 0;
min-width: 24px;
height: 24px;
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
color: #fff;
background: var(--wp-admin-theme-color);
}
@media not (prefers-reduced-motion) {
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon svg,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle svg {
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon.is-pressed svg,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle.is-pressed svg {
transform: rotate(45deg);
}
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
flex-direction: row;
box-shadow: none;
width: 24px;
display: none;
padding: 0 !important;
}
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
display: none;
}
.block-editor-block-list__block .block-list-appender:first-child {
position: relative;
right: auto;
align-self: center;
list-style: none;
line-height: inherit;
}
.block-editor-block-list__block .block-list-appender:first-child .block-editor-default-block-appender__content {
display: block;
}
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
display: flex;
}
.block-editor-default-block-appender__content {
cursor: text;
}
.block-editor-iframe__body {
position: relative;
}
.block-editor-iframe__html {
transform-origin: top center;
}
@media not (prefers-reduced-motion) {
.block-editor-iframe__html {
transition: background-color 400ms;
}
}
.block-editor-iframe__html.zoom-out-animation {
position: fixed;
left: 0;
right: 0;
top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0px));
bottom: 0;
overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
}
.block-editor-iframe__html.is-zoomed-out {
transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
background-color: var(--wp-editor-canvas-background);
margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
}
.block-editor-iframe__html.is-zoomed-out body {
min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0px) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
}
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
flex: 1;
display: flex;
flex-direction: column;
height: 100%;
}
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
flex: 1;
}
.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
cursor: grab;
}
.block-editor-media-placeholder__cancel-button.is-link {
margin: 1em;
display: block;
}
.block-editor-media-placeholder.is-appender {
min-height: 0;
}
.block-editor-media-placeholder.is-appender:hover {
cursor: var(--wpds-cursor-control, pointer);
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
}
.block-editor-plain-text {
box-shadow: none;
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
border: none;
padding: 0;
margin: 0;
width: 100%;
}
.rich-text [data-rich-text-placeholder] {
pointer-events: none;
}
.rich-text [data-rich-text-placeholder]::after {
content: attr(data-rich-text-placeholder);
opacity: 0.62;
text-shadow: none;
}
.rich-text:focus {
outline: none;
}
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
opacity: 0.8;
}
[data-rich-text-script] {
display: inline;
}
[data-rich-text-script]::before {
content: "</>";
background: rgb(255, 255, 0);
}
[data-rich-text-comment],
[data-rich-text-format-boundary] {
border-radius: 2px;
}
[data-rich-text-comment] {
background-color: currentColor;
}
[data-rich-text-comment] span {
filter: invert(100%);
color: currentColor;
padding: 0 2px;
}
.rich-text [contenteditable=false]::-moz-selection {
background-color: transparent;
}
.rich-text [contenteditable=false]::selection {
background-color: transparent;
}
.block-editor-warning {
align-items: center;
display: flex;
flex-wrap: wrap;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
padding: 1em;
border: 1px solid #1e1e1e;
border-radius: 2px;
background-color: #fff;
}
.block-editor-warning .block-editor-warning__message {
line-height: 1.4;
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
color: #1e1e1e;
margin: 0;
}
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
min-height: auto;
}
.block-editor-warning .block-editor-warning__contents {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
align-items: baseline;
width: 100%;
gap: 12px;
}
.block-editor-warning .block-editor-warning__actions {
align-items: center;
display: flex;
gap: 8px;
}
.components-popover.block-editor-warning__dropdown {
z-index: 99998;
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,68 @@
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Default editor styles.
*
* These styles are shown if a theme does not register its own editor style,
* a theme.json file, or has toggled off "Use theme styles" in preferences.
*/
body {
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
line-height: 1.5;
--wp--style--block-gap: 2em;
}
p {
line-height: 1.8;
}
.editor-post-title__block {
margin-top: 2em;
margin-bottom: 1em;
font-size: 2.5em;
font-weight: 800;
}
@@ -0,0 +1 @@
body{--wp--style--block-gap:2em;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em}
@@ -0,0 +1,68 @@
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Default editor styles.
*
* These styles are shown if a theme does not register its own editor style,
* a theme.json file, or has toggled off "Use theme styles" in preferences.
*/
body {
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
line-height: 1.5;
--wp--style--block-gap: 2em;
}
p {
line-height: 1.8;
}
.editor-post-title__block {
margin-top: 2em;
margin-bottom: 1em;
font-size: 2.5em;
font-weight: 800;
}
@@ -0,0 +1 @@
body{--wp--style--block-gap:2em;font-family:-apple-system,system-ui,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em}
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,55 @@
/**
* Colors
*/
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
}
.wp-block-file__button {
background: #32373c;
color: #fff;
}
.wp-block-accordion-heading {
margin: 0;
}
.wp-block-accordion-heading__toggle {
background-color: inherit !important;
color: inherit !important;
}
.wp-block-accordion-heading__toggle:not(:focus-visible) {
outline: none;
}
.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
text-decoration: none;
background-color: inherit !important;
box-shadow: none;
color: inherit;
border: none;
padding: var(--wp--preset--spacing--20, 1em) 0;
}
.wp-block-accordion-heading__toggle:focus-visible {
outline-offset: 0;
outline: auto;
}
.wp-block-tab:not(.has-text-color) {
color: inherit !important;
}
.wp-block-tab:not(.has-background) {
background-color: inherit !important;
}
.wp-block-tab:hover, .wp-block-tab:focus {
text-decoration: none;
}
.wp-block-tab:focus-visible {
outline-offset: 0;
outline: auto;
}
@@ -0,0 +1 @@
.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}.wp-block-tab:not(.has-text-color){color:inherit!important}.wp-block-tab:not(.has-background){background-color:inherit!important}.wp-block-tab:focus,.wp-block-tab:hover{text-decoration:none}.wp-block-tab:focus-visible{outline:auto;outline-offset:0}
+55
View File
@@ -0,0 +1,55 @@
/**
* Colors
*/
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
}
.wp-block-file__button {
background: #32373c;
color: #fff;
}
.wp-block-accordion-heading {
margin: 0;
}
.wp-block-accordion-heading__toggle {
background-color: inherit !important;
color: inherit !important;
}
.wp-block-accordion-heading__toggle:not(:focus-visible) {
outline: none;
}
.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
text-decoration: none;
background-color: inherit !important;
box-shadow: none;
color: inherit;
border: none;
padding: var(--wp--preset--spacing--20, 1em) 0;
}
.wp-block-accordion-heading__toggle:focus-visible {
outline-offset: 0;
outline: auto;
}
.wp-block-tab:not(.has-text-color) {
color: inherit !important;
}
.wp-block-tab:not(.has-background) {
background-color: inherit !important;
}
.wp-block-tab:hover, .wp-block-tab:focus {
text-decoration: none;
}
.wp-block-tab:focus-visible {
outline-offset: 0;
outline: auto;
}
@@ -0,0 +1 @@
.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}.wp-block-tab:not(.has-text-color){color:inherit!important}.wp-block-tab:not(.has-background){background-color:inherit!important}.wp-block-tab:focus,.wp-block-tab:hover{text-decoration:none}.wp-block-tab:focus-visible{outline:auto;outline-offset:0}
@@ -0,0 +1,347 @@
/**
* Colors
*/
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
/**
* Element styles.
*/
.wp-element-button {
cursor: pointer;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root {
/* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(-135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(-135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(-135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(-135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(-135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(-135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
}
:root .has-midnight-gradient-background {
background: linear-gradient(-135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
}
:root {
/* stylelint-enable @stylistic/function-comma-space-after */
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
.has-regular-font-size {
font-size: 1em;
}
.has-larger-font-size {
font-size: 2.625em;
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal);
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge);
}
:root .has-text-align-center {
text-align: center;
}
:root .has-text-align-left {
text-align: left;
}
:root .has-text-align-right {
text-align: right;
}
.has-fit-text {
white-space: nowrap !important;
}
#end-resizable-editor-section {
display: none;
}
.aligncenter {
clear: both;
}
.items-justified-left {
justify-content: flex-start;
}
.items-justified-center {
justify-content: center;
}
.items-justified-right {
justify-content: flex-end;
}
.items-justified-space-between {
justify-content: space-between;
}
.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
word-break: normal !important;
}
.screen-reader-text:focus {
background-color: #ddd;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/**
* The following provide a simple means of applying a default border style when
* a user first makes a selection in the border block support panel.
* This prevents issues such as where the user could set a border width
* and see no border due there being no border style set.
*
* This is intended to be removed once intelligent defaults can be set while
* making border selections via the block support.
*
* See: https://github.com/WordPress/gutenberg/pull/33743
*/
html :where(.has-border-color) {
border-style: solid;
}
html :where([style^=border-color],
[style*=";border-color"],
[style*="; border-color"]) {
border-style: solid;
}
html :where([style^=border-top-color],
[style*=";border-top-color"],
[style*="; border-top-color"]) {
border-top-style: solid;
}
html :where([style^=border-right-color],
[style*=";border-right-color"],
[style*="; border-right-color"]) {
border-right-style: solid;
}
html :where([style^=border-bottom-color],
[style*=";border-bottom-color"],
[style*="; border-bottom-color"]) {
border-bottom-style: solid;
}
html :where([style^=border-left-color],
[style*=";border-left-color"],
[style*="; border-left-color"]) {
border-left-style: solid;
}
html :where([style^=border-width],
[style*=";border-width"],
[style*="; border-width"]) {
border-style: solid;
}
html :where([style^=border-top-width],
[style*=";border-top-width"],
[style*="; border-top-width"]) {
border-top-style: solid;
}
html :where([style^=border-right-width],
[style*=";border-right-width"],
[style*="; border-right-width"]) {
border-right-style: solid;
}
html :where([style^=border-bottom-width],
[style*=";border-bottom-width"],
[style*="; border-bottom-width"]) {
border-bottom-style: solid;
}
html :where([style^=border-left-width],
[style*=";border-left-width"],
[style*="; border-left-width"]) {
border-left-style: solid;
}
/**
* Provide baseline responsiveness for images.
*/
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%;
}
/**
* Reset user agent styles for figure element margins.
*/
:where(figure) {
margin: 0 0 1em 0;
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}
@media screen and (max-width: 600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: 0px;
}
}
@@ -0,0 +1 @@
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
+353
View File
@@ -0,0 +1,353 @@
/**
* Colors
*/
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
/**
* Element styles.
*/
.wp-element-button {
cursor: pointer;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root {
/* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
}
:root {
/* stylelint-enable @stylistic/function-comma-space-after */
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
.has-regular-font-size {
font-size: 1em;
}
.has-larger-font-size {
font-size: 2.625em;
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal);
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge);
}
:root .has-text-align-center {
text-align: center;
}
:root .has-text-align-left {
/*rtl:ignore*/
text-align: left;
}
:root .has-text-align-right {
/*rtl:ignore*/
text-align: right;
}
.has-fit-text {
white-space: nowrap !important;
}
#end-resizable-editor-section {
display: none;
}
.aligncenter {
clear: both;
}
.items-justified-left {
justify-content: flex-start;
}
.items-justified-center {
justify-content: center;
}
.items-justified-right {
justify-content: flex-end;
}
.items-justified-space-between {
justify-content: space-between;
}
.screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
word-break: normal !important;
}
.screen-reader-text:focus {
background-color: #ddd;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/**
* The following provide a simple means of applying a default border style when
* a user first makes a selection in the border block support panel.
* This prevents issues such as where the user could set a border width
* and see no border due there being no border style set.
*
* This is intended to be removed once intelligent defaults can be set while
* making border selections via the block support.
*
* See: https://github.com/WordPress/gutenberg/pull/33743
*/
html :where(.has-border-color) {
border-style: solid;
}
html :where([style^=border-color],
[style*=";border-color"],
[style*="; border-color"]) {
border-style: solid;
}
html :where([style^=border-top-color],
[style*=";border-top-color"],
[style*="; border-top-color"]) {
border-top-style: solid;
}
html :where([style^=border-right-color],
[style*=";border-right-color"],
[style*="; border-right-color"]) {
/*rtl:ignore*/
border-right-style: solid;
}
html :where([style^=border-bottom-color],
[style*=";border-bottom-color"],
[style*="; border-bottom-color"]) {
border-bottom-style: solid;
}
html :where([style^=border-left-color],
[style*=";border-left-color"],
[style*="; border-left-color"]) {
/*rtl:ignore*/
border-left-style: solid;
}
html :where([style^=border-width],
[style*=";border-width"],
[style*="; border-width"]) {
border-style: solid;
}
html :where([style^=border-top-width],
[style*=";border-top-width"],
[style*="; border-top-width"]) {
border-top-style: solid;
}
html :where([style^=border-right-width],
[style*=";border-right-width"],
[style*="; border-right-width"]) {
/*rtl:ignore*/
border-right-style: solid;
}
html :where([style^=border-bottom-width],
[style*=";border-bottom-width"],
[style*="; border-bottom-width"]) {
border-bottom-style: solid;
}
html :where([style^=border-left-width],
[style*=";border-left-width"],
[style*="; border-left-width"]) {
/*rtl:ignore*/
border-left-style: solid;
}
/**
* Provide baseline responsiveness for images.
*/
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%;
}
/**
* Reset user agent styles for figure element margins.
*/
:where(figure) {
margin: 0 0 1em 0;
}
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}
@media screen and (max-width: 600px) {
html :where(.is-position-sticky) {
--wp-admin--admin-bar--position-offset: 0px;
}
}
@@ -0,0 +1 @@
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
@@ -0,0 +1,9 @@
/**
* Element styles for the editor
*/
.wp-element-button {
cursor: revert;
}
.wp-element-button[role=textbox] {
cursor: text;
}
@@ -0,0 +1 @@
.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}
@@ -0,0 +1,9 @@
/**
* Element styles for the editor
*/
.wp-element-button {
cursor: revert;
}
.wp-element-button[role=textbox] {
cursor: text;
}
@@ -0,0 +1 @@
.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
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}
+150
View File
@@ -0,0 +1,150 @@
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Editor Normalization Styles
*
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
* of the editor by themes.
*/
html :where(.editor-styles-wrapper) {
font-family: serif;
font-size: initial;
line-height: initial;
color: initial;
background: #fff;
}
:where(.editor-styles-wrapper) .wp-align-wrapper {
max-width: 840px;
}
:where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
max-width: none;
}
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
max-width: 840px;
}
:where(.editor-styles-wrapper) a {
transition: none;
}
:where(.editor-styles-wrapper) code,
:where(.editor-styles-wrapper) kbd {
padding: 0;
margin: 0;
background: inherit;
font-size: inherit;
font-family: monospace;
}
:where(.editor-styles-wrapper) p {
font-size: revert;
line-height: revert;
margin: revert;
}
:where(.editor-styles-wrapper) ul,
:where(.editor-styles-wrapper) ol {
margin: revert;
padding: revert;
list-style-type: revert;
box-sizing: border-box;
}
:where(.editor-styles-wrapper) ul ul,
:where(.editor-styles-wrapper) ul ol,
:where(.editor-styles-wrapper) ol ul,
:where(.editor-styles-wrapper) ol ol {
margin: revert;
}
:where(.editor-styles-wrapper) ul li,
:where(.editor-styles-wrapper) ol li {
margin: revert;
}
:where(.editor-styles-wrapper) ul ul,
:where(.editor-styles-wrapper) ol ul {
list-style-type: revert;
}
:where(.editor-styles-wrapper) h1,
:where(.editor-styles-wrapper) h2,
:where(.editor-styles-wrapper) h3,
:where(.editor-styles-wrapper) h4,
:where(.editor-styles-wrapper) h5,
:where(.editor-styles-wrapper) h6 {
font-size: revert;
margin: revert;
color: revert;
line-height: revert;
font-weight: revert;
}
:where(.editor-styles-wrapper) select {
font-family: system-ui;
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
color: revert;
border: revert;
border-radius: revert;
background: revert;
box-shadow: revert;
text-shadow: revert;
outline: revert;
cursor: revert;
transform: revert;
font-size: revert;
line-height: revert;
padding: revert;
margin: revert;
min-height: revert;
max-width: revert;
vertical-align: revert;
font-weight: revert;
}
:where(.editor-styles-wrapper) select:disabled,
:where(.editor-styles-wrapper) select:focus {
color: revert;
border-color: revert;
background-color: revert;
background-image: revert;
box-shadow: revert;
text-shadow: revert;
cursor: revert;
transform: revert;
}
@@ -0,0 +1 @@
html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}
+150
View File
@@ -0,0 +1,150 @@
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Editor Normalization Styles
*
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
* of the editor by themes.
*/
html :where(.editor-styles-wrapper) {
font-family: serif;
font-size: initial;
line-height: initial;
color: initial;
background: #fff;
}
:where(.editor-styles-wrapper) .wp-align-wrapper {
max-width: 840px;
}
:where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
max-width: none;
}
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
max-width: 840px;
}
:where(.editor-styles-wrapper) a {
transition: none;
}
:where(.editor-styles-wrapper) code,
:where(.editor-styles-wrapper) kbd {
padding: 0;
margin: 0;
background: inherit;
font-size: inherit;
font-family: monospace;
}
:where(.editor-styles-wrapper) p {
font-size: revert;
line-height: revert;
margin: revert;
}
:where(.editor-styles-wrapper) ul,
:where(.editor-styles-wrapper) ol {
margin: revert;
padding: revert;
list-style-type: revert;
box-sizing: border-box;
}
:where(.editor-styles-wrapper) ul ul,
:where(.editor-styles-wrapper) ul ol,
:where(.editor-styles-wrapper) ol ul,
:where(.editor-styles-wrapper) ol ol {
margin: revert;
}
:where(.editor-styles-wrapper) ul li,
:where(.editor-styles-wrapper) ol li {
margin: revert;
}
:where(.editor-styles-wrapper) ul ul,
:where(.editor-styles-wrapper) ol ul {
list-style-type: revert;
}
:where(.editor-styles-wrapper) h1,
:where(.editor-styles-wrapper) h2,
:where(.editor-styles-wrapper) h3,
:where(.editor-styles-wrapper) h4,
:where(.editor-styles-wrapper) h5,
:where(.editor-styles-wrapper) h6 {
font-size: revert;
margin: revert;
color: revert;
line-height: revert;
font-weight: revert;
}
:where(.editor-styles-wrapper) select {
font-family: system-ui;
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
color: revert;
border: revert;
border-radius: revert;
background: revert;
box-shadow: revert;
text-shadow: revert;
outline: revert;
cursor: revert;
transform: revert;
font-size: revert;
line-height: revert;
padding: revert;
margin: revert;
min-height: revert;
max-width: revert;
vertical-align: revert;
font-weight: revert;
}
:where(.editor-styles-wrapper) select:disabled,
:where(.editor-styles-wrapper) select:focus {
color: revert;
border-color: revert;
background-color: revert;
background-image: revert;
box-shadow: revert;
text-shadow: revert;
cursor: revert;
transform: revert;
}
@@ -0,0 +1 @@
html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
+261
View File
@@ -0,0 +1,261 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
.wp-block-audio :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-audio :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-audio {
margin: 0 0 1em 0;
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: Menlo, Consolas, monaco, monospace;
padding: 0.8em 1em;
}
.wp-block-embed :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-embed :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-embed {
margin: 0 0 1em 0;
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .blocks-gallery-caption {
color: rgba(255, 255, 255, 0.65);
}
:root :where(.wp-block-image figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme :root :where(.wp-block-image figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-image {
margin: 0 0 1em 0;
}
.wp-block-pullquote {
border-top: 4px solid currentColor;
border-bottom: 4px solid currentColor;
margin-bottom: 1.75em;
color: currentColor;
}
.wp-block-pullquote :where(cite),
.wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
color: currentColor;
text-transform: uppercase;
font-size: 0.8125em;
font-style: normal;
}
.wp-block-quote {
border-right: 0.25em solid currentColor;
margin: 0 0 1.75em 0;
padding-right: 1em;
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: 0.8125em;
position: relative;
font-style: normal;
}
.wp-block-quote:where(.has-text-align-right) {
border-right: none;
border-left: 0.25em solid currentColor;
padding-right: 0;
padding-left: 1em;
}
.wp-block-quote:where(.has-text-align-center) {
border: none;
padding-right: 0;
}
.wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large {
border: none;
}
.wp-block-search .wp-block-search__label {
font-weight: bold;
}
.wp-block-search__button {
border: 1px solid #ccc;
padding: 0.375em 0.625em;
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-separator.has-css-opacity {
opacity: 0.4;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid currentColor;
margin-right: auto;
margin-left: auto;
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: initial;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px;
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px;
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px;
}
.wp-block-table {
margin: 0 0 1em 0;
}
.wp-block-table td,
.wp-block-table th {
word-break: normal;
}
.wp-block-table :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-table :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-video :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-video :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-video {
margin: 0 0 1em 0;
}
:root :where(.wp-block-template-part.has-background) {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0;
}
@@ -0,0 +1 @@
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:.25em solid;border-right:none;padding-left:1em;padding-right:0}.wp-block-quote:where(.has-text-align-center){border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
+261
View File
@@ -0,0 +1,261 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
.wp-block-audio :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-audio :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-audio {
margin: 0 0 1em 0;
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: Menlo, Consolas, monaco, monospace;
padding: 0.8em 1em;
}
.wp-block-embed :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-embed :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-embed {
margin: 0 0 1em 0;
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .blocks-gallery-caption {
color: rgba(255, 255, 255, 0.65);
}
:root :where(.wp-block-image figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme :root :where(.wp-block-image figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-image {
margin: 0 0 1em 0;
}
.wp-block-pullquote {
border-top: 4px solid currentColor;
border-bottom: 4px solid currentColor;
margin-bottom: 1.75em;
color: currentColor;
}
.wp-block-pullquote :where(cite),
.wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
color: currentColor;
text-transform: uppercase;
font-size: 0.8125em;
font-style: normal;
}
.wp-block-quote {
border-left: 0.25em solid currentColor;
margin: 0 0 1.75em 0;
padding-left: 1em;
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: 0.8125em;
position: relative;
font-style: normal;
}
.wp-block-quote:where(.has-text-align-right) {
border-left: none;
border-right: 0.25em solid currentColor;
padding-left: 0;
padding-right: 1em;
}
.wp-block-quote:where(.has-text-align-center) {
border: none;
padding-left: 0;
}
.wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large {
border: none;
}
.wp-block-search .wp-block-search__label {
font-weight: bold;
}
.wp-block-search__button {
border: 1px solid #ccc;
padding: 0.375em 0.625em;
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-separator.has-css-opacity {
opacity: 0.4;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid currentColor;
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: initial;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px;
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px;
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px;
}
.wp-block-table {
margin: 0 0 1em 0;
}
.wp-block-table td,
.wp-block-table th {
word-break: normal;
}
.wp-block-table :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-table :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-video :where(figcaption) {
color: #555;
font-size: 13px;
text-align: center;
}
.is-dark-theme .wp-block-video :where(figcaption) {
color: rgba(255, 255, 255, 0.65);
}
.wp-block-video {
margin: 0 0 1em 0;
}
:root :where(.wp-block-template-part.has-background) {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0;
}
@@ -0,0 +1 @@
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
+280
View File
@@ -0,0 +1,280 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.commands-command-menu {
margin: auto;
position: relative;
top: calc(5% + 64px);
}
@media (min-width: 600px) {
.commands-command-menu {
top: calc(10% + 64px);
}
}
.commands-command-menu .components-modal__content {
margin: 0;
padding: 0;
overflow: hidden;
}
.commands-command-menu__overlay {
display: block;
align-items: start;
}
.commands-command-menu__header {
display: flex;
align-items: center;
gap: 8px;
padding: 0 16px;
}
.commands-command-menu__header .components-button {
height: 56px;
width: 56px;
border: 1px solid #949494;
border-left: 0;
justify-content: center;
border-radius: 0 2px 2px 0;
}
.commands-command-menu__header .components-button + [cmdk-input] {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.commands-command-menu__header-search-icon:dir(ltr) {
transform: scaleX(-1);
}
.commands-command-menu__container {
will-change: transform;
}
.commands-command-menu__container [cmdk-input] {
border: none;
width: 100%;
padding: 12px 4px;
outline: none;
color: #1e1e1e;
margin: 0;
font-size: 15px;
line-height: 24px;
border-radius: 0;
}
.commands-command-menu__container [cmdk-input]::-moz-placeholder {
color: #757575;
}
.commands-command-menu__container [cmdk-input]::placeholder {
color: #757575;
}
.commands-command-menu__container [cmdk-input]:focus {
box-shadow: none;
outline: none;
}
.commands-command-menu__container [cmdk-item] {
cursor: var(--wpds-cursor-control, pointer);
display: flex;
align-items: center;
padding: 4px 0;
color: #1e1e1e;
font-size: 13px;
}
.commands-command-menu__container [cmdk-item][aria-disabled=true] {
color: #949494;
cursor: not-allowed;
}
.commands-command-menu__container [cmdk-item] svg {
fill: #1e1e1e;
}
.commands-command-menu__container [cmdk-item] > div {
border-radius: 2px;
min-height: 32px;
padding: 4px;
padding-right: 40px;
padding-left: 16px;
}
.commands-command-menu__container [cmdk-item][aria-selected=true] > div, .commands-command-menu__container [cmdk-item]:active > div {
background: var(--wp-admin-theme-color);
color: #fff;
}
.commands-command-menu__container [cmdk-item][aria-selected=true] > div svg, .commands-command-menu__container [cmdk-item]:active > div svg {
fill: #fff;
}
.commands-command-menu__container [cmdk-item] > .has-icon {
padding-right: 8px;
}
.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty) {
display: none;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
max-height: min(328px, 70vh - 48px);
overflow: auto;
scroll-padding-top: 8px;
scroll-padding-bottom: 8px;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)), .commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-empty]) {
border-top: 1px solid #ddd;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
padding: 0 8px 4px;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-group-heading] {
margin-top: 8px;
padding: 8px 16px;
line-height: 16px;
font-size: 11px;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
text-transform: uppercase;
color: #1e1e1e;
}
.commands-command-menu__container [cmdk-empty] {
display: flex;
align-items: center;
justify-content: center;
white-space: pre-wrap;
color: #1e1e1e;
padding: 8px 0 32px;
}
.commands-command-menu__container [cmdk-loading] {
padding: 16px;
}
.commands-command-menu__container [cmdk-list-sizer] {
position: relative;
}
.commands-command-menu__item-label {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
min-width: 0;
}
.commands-command-menu__item-category {
flex: 0 0 auto;
margin-right: auto;
padding-right: 24px;
color: #757575;
font-size: 13px;
line-height: 1.4;
text-align: left;
}
[aria-selected=true] .commands-command-menu__item-category, [cmdk-item]:active .commands-command-menu__item-category {
color: rgba(255, 255, 255, 0.8);
}
.commands-command-menu__item mark {
color: inherit;
background: unset;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
@@ -0,0 +1 @@
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.commands-command-menu{margin:auto;position:relative;top:calc(5% + 64px)}@media (min-width:600px){.commands-command-menu{top:calc(10% + 64px)}}.commands-command-menu .components-modal__content{margin:0;overflow:hidden;padding:0}.commands-command-menu__overlay{align-items:start;display:block}.commands-command-menu__header{align-items:center;display:flex;gap:8px;padding:0 16px}.commands-command-menu__header .components-button{border:1px solid #949494;border-left:0;border-radius:0 2px 2px 0;height:56px;justify-content:center;width:56px}.commands-command-menu__header .components-button+[cmdk-input]{border-bottom-right-radius:0;border-top-right-radius:0}.commands-command-menu__header-search-icon:dir(ltr){transform:scaleX(-1)}.commands-command-menu__container{will-change:transform}.commands-command-menu__container [cmdk-input]{border:none;border-radius:0;color:#1e1e1e;font-size:15px;line-height:24px;margin:0;outline:none;padding:12px 4px;width:100%}.commands-command-menu__container [cmdk-input]::-moz-placeholder{color:#757575}.commands-command-menu__container [cmdk-input]::placeholder{color:#757575}.commands-command-menu__container [cmdk-input]:focus{box-shadow:none;outline:none}.commands-command-menu__container [cmdk-item]{align-items:center;color:#1e1e1e;cursor:var(--wpds-cursor-control,pointer);display:flex;font-size:13px;padding:4px 0}.commands-command-menu__container [cmdk-item][aria-disabled=true]{color:#949494;cursor:not-allowed}.commands-command-menu__container [cmdk-item] svg{fill:#1e1e1e}.commands-command-menu__container [cmdk-item]>div{border-radius:2px;min-height:32px;padding:4px 40px 4px 16px}.commands-command-menu__container [cmdk-item]:active>div,.commands-command-menu__container [cmdk-item][aria-selected=true]>div{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active>div svg,.commands-command-menu__container [cmdk-item][aria-selected=true]>div svg{fill:#fff}.commands-command-menu__container [cmdk-item]>.has-icon{padding-right:8px}.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty){display:none}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:min(328px,70vh - 48px);overflow:auto;scroll-padding-bottom:8px;scroll-padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-empty]),.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){border-top:1px solid #ddd}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px 4px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-group-heading]{color:#1e1e1e;font-size:11px;font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:16px;margin-top:8px;padding:8px 16px;text-transform:uppercase}.commands-command-menu__container [cmdk-empty]{align-items:center;color:#1e1e1e;display:flex;justify-content:center;padding:8px 0 32px;white-space:pre-wrap}.commands-command-menu__container [cmdk-loading]{padding:16px}.commands-command-menu__container [cmdk-list-sizer]{position:relative}.commands-command-menu__item-label{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands-command-menu__item-category{color:#757575;flex:0 0 auto;font-size:13px;line-height:1.4;margin-right:auto;padding-right:24px;text-align:left}[aria-selected=true] .commands-command-menu__item-category,[cmdk-item]:active .commands-command-menu__item-category{color:hsla(0,0%,100%,.8)}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:var(--wpds-typography-font-weight-emphasis,600)}
+280
View File
@@ -0,0 +1,280 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.commands-command-menu {
margin: auto;
position: relative;
top: calc(5% + 64px);
}
@media (min-width: 600px) {
.commands-command-menu {
top: calc(10% + 64px);
}
}
.commands-command-menu .components-modal__content {
margin: 0;
padding: 0;
overflow: hidden;
}
.commands-command-menu__overlay {
display: block;
align-items: start;
}
.commands-command-menu__header {
display: flex;
align-items: center;
gap: 8px;
padding: 0 16px;
}
.commands-command-menu__header .components-button {
height: 56px;
width: 56px;
border: 1px solid #949494;
border-right: 0;
justify-content: center;
border-radius: 2px 0 0 2px;
}
.commands-command-menu__header .components-button + [cmdk-input] {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.commands-command-menu__header-search-icon:dir(ltr) {
transform: scaleX(-1);
}
.commands-command-menu__container {
will-change: transform;
}
.commands-command-menu__container [cmdk-input] {
border: none;
width: 100%;
padding: 12px 4px;
outline: none;
color: #1e1e1e;
margin: 0;
font-size: 15px;
line-height: 24px;
border-radius: 0;
}
.commands-command-menu__container [cmdk-input]::-moz-placeholder {
color: #757575;
}
.commands-command-menu__container [cmdk-input]::placeholder {
color: #757575;
}
.commands-command-menu__container [cmdk-input]:focus {
box-shadow: none;
outline: none;
}
.commands-command-menu__container [cmdk-item] {
cursor: var(--wpds-cursor-control, pointer);
display: flex;
align-items: center;
padding: 4px 0;
color: #1e1e1e;
font-size: 13px;
}
.commands-command-menu__container [cmdk-item][aria-disabled=true] {
color: #949494;
cursor: not-allowed;
}
.commands-command-menu__container [cmdk-item] svg {
fill: #1e1e1e;
}
.commands-command-menu__container [cmdk-item] > div {
border-radius: 2px;
min-height: 32px;
padding: 4px;
padding-left: 40px;
padding-right: 16px;
}
.commands-command-menu__container [cmdk-item][aria-selected=true] > div, .commands-command-menu__container [cmdk-item]:active > div {
background: var(--wp-admin-theme-color);
color: #fff;
}
.commands-command-menu__container [cmdk-item][aria-selected=true] > div svg, .commands-command-menu__container [cmdk-item]:active > div svg {
fill: #fff;
}
.commands-command-menu__container [cmdk-item] > .has-icon {
padding-left: 8px;
}
.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty) {
display: none;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
max-height: min(328px, 70vh - 48px);
overflow: auto;
scroll-padding-top: 8px;
scroll-padding-bottom: 8px;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)), .commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-empty]) {
border-top: 1px solid #ddd;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
padding: 0 8px 4px;
}
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-group-heading] {
margin-top: 8px;
padding: 8px 16px;
line-height: 16px;
font-size: 11px;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
text-transform: uppercase;
color: #1e1e1e;
}
.commands-command-menu__container [cmdk-empty] {
display: flex;
align-items: center;
justify-content: center;
white-space: pre-wrap;
color: #1e1e1e;
padding: 8px 0 32px;
}
.commands-command-menu__container [cmdk-loading] {
padding: 16px;
}
.commands-command-menu__container [cmdk-list-sizer] {
position: relative;
}
.commands-command-menu__item-label {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1;
min-width: 0;
}
.commands-command-menu__item-category {
flex: 0 0 auto;
margin-left: auto;
padding-left: 24px;
color: #757575;
font-size: 13px;
line-height: 1.4;
text-align: right;
}
[aria-selected=true] .commands-command-menu__item-category, [cmdk-item]:active .commands-command-menu__item-category {
color: rgba(255, 255, 255, 0.8);
}
.commands-command-menu__item mark {
color: inherit;
background: unset;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
+1
View File
@@ -0,0 +1 @@
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.commands-command-menu{margin:auto;position:relative;top:calc(5% + 64px)}@media (min-width:600px){.commands-command-menu{top:calc(10% + 64px)}}.commands-command-menu .components-modal__content{margin:0;overflow:hidden;padding:0}.commands-command-menu__overlay{align-items:start;display:block}.commands-command-menu__header{align-items:center;display:flex;gap:8px;padding:0 16px}.commands-command-menu__header .components-button{border:1px solid #949494;border-radius:2px 0 0 2px;border-right:0;height:56px;justify-content:center;width:56px}.commands-command-menu__header .components-button+[cmdk-input]{border-bottom-left-radius:0;border-top-left-radius:0}.commands-command-menu__header-search-icon:dir(ltr){transform:scaleX(-1)}.commands-command-menu__container{will-change:transform}.commands-command-menu__container [cmdk-input]{border:none;border-radius:0;color:#1e1e1e;font-size:15px;line-height:24px;margin:0;outline:none;padding:12px 4px;width:100%}.commands-command-menu__container [cmdk-input]::-moz-placeholder{color:#757575}.commands-command-menu__container [cmdk-input]::placeholder{color:#757575}.commands-command-menu__container [cmdk-input]:focus{box-shadow:none;outline:none}.commands-command-menu__container [cmdk-item]{align-items:center;color:#1e1e1e;cursor:var(--wpds-cursor-control,pointer);display:flex;font-size:13px;padding:4px 0}.commands-command-menu__container [cmdk-item][aria-disabled=true]{color:#949494;cursor:not-allowed}.commands-command-menu__container [cmdk-item] svg{fill:#1e1e1e}.commands-command-menu__container [cmdk-item]>div{border-radius:2px;min-height:32px;padding:4px 16px 4px 40px}.commands-command-menu__container [cmdk-item]:active>div,.commands-command-menu__container [cmdk-item][aria-selected=true]>div{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active>div svg,.commands-command-menu__container [cmdk-item][aria-selected=true]>div svg{fill:#fff}.commands-command-menu__container [cmdk-item]>.has-icon{padding-left:8px}.commands-command-menu__container [cmdk-group]:has([cmdk-group-items]:empty){display:none}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:min(328px,70vh - 48px);overflow:auto;scroll-padding-bottom:8px;scroll-padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-empty]),.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){border-top:1px solid #ddd}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px 4px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-group-heading]{color:#1e1e1e;font-size:11px;font-weight:var(--wpds-typography-font-weight-emphasis,600);line-height:16px;margin-top:8px;padding:8px 16px;text-transform:uppercase}.commands-command-menu__container [cmdk-empty]{align-items:center;color:#1e1e1e;display:flex;justify-content:center;padding:8px 0 32px;white-space:pre-wrap}.commands-command-menu__container [cmdk-loading]{padding:16px}.commands-command-menu__container [cmdk-list-sizer]{position:relative}.commands-command-menu__item-label{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands-command-menu__item-category{color:#757575;flex:0 0 auto;font-size:13px;line-height:1.4;margin-left:auto;padding-left:24px;text-align:right}[aria-selected=true] .commands-command-menu__item-category,[cmdk-item]:active .commands-command-menu__item-category{color:hsla(0,0%,100%,.8)}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:var(--wpds-typography-font-weight-emphasis,600)}
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,332 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector {
background: #fff;
box-sizing: border-box;
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * {
box-sizing: inherit;
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector {
margin: -12px;
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 {
margin-bottom: 0;
}
#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open {
transform: translateX(100%);
}
@media (min-width: 600px) {
.customize-widgets-header {
margin-bottom: 44px;
}
}
.customize-widgets-header.is-fixed-toolbar-active {
margin-bottom: 0;
}
.customize-widgets-header {
display: flex;
justify-content: flex-end;
margin: -15px -12px 0 -12px;
background: #f0f0f1;
border-bottom: 1px solid #e0e0e0;
z-index: 8;
}
.customize-widgets-header-toolbar {
display: flex;
border: none;
width: 100%;
align-items: center;
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon {
border-radius: 2px;
color: #fff;
padding: 0;
min-width: 32px;
height: 32px;
margin: 12px auto 12px 0;
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
content: none;
}
@media not (prefers-reduced-motion) {
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
background: #1e1e1e;
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
transform: rotate(-45deg);
}
.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
margin-right: -12px;
}
#customize-sidebar-outer-content {
width: auto;
min-width: 100%;
}
#customize-outer-theme-controls .widgets-inserter {
padding: 0;
}
#customize-outer-theme-controls .widgets-inserter .customize-section-description-container {
display: none;
}
.customize-widgets-layout__inserter-panel {
background: #fff;
}
.customize-widgets-layout__inserter-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
height: 46px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title {
margin: 0;
}
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
background: #fff;
}
.customize-widgets-keyboard-shortcut-help-modal__section {
margin: 0 0 2rem 0;
}
.customize-widgets-keyboard-shortcut-help-modal__section-title {
font-size: 0.9rem;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut {
display: flex;
align-items: baseline;
padding: 0.6rem 0;
border-top: 1px solid #ddd;
margin-bottom: 0;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
border-bottom: 1px solid #ddd;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty {
display: none;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
margin: 0 1rem 0 0;
text-align: left;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-description {
flex: 1;
margin: 0;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
display: block;
background: none;
margin: 0;
padding: 0;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
margin-top: 10px;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key {
padding: 0.25rem 0.5rem;
border-radius: 8%;
margin: 0 0.2rem 0 0.2rem;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
margin: 0 0.2rem 0 0;
}
.components-popover.more-menu-dropdown__content {
z-index: 99998;
}
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
position: fixed !important;
z-index: 7;
}
.customize-widgets-popover .components-popover,
.customize-control-sidebar_block_editor .components-popover {
position: fixed !important;
}
.customize-widgets-welcome-guide__image__wrapper {
background: #00a0d2;
text-align: center;
margin-bottom: 8px;
}
.customize-widgets-welcome-guide__image {
height: auto;
}
.wrap .customize-widgets-welcome-guide__heading {
font-size: 18px;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.customize-widgets-welcome-guide__text {
line-height: 1.7;
}
.customize-widgets-welcome-guide__button {
justify-content: center;
margin: 1em 0;
width: 100%;
}
.customize-widgets-welcome-guide__separator {
margin: 1em 0;
}
.customize-widgets-welcome-guide__more-info {
line-height: 1.4;
}
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
overflow: unset;
}
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {
min-height: 100%;
background-color: #fff;
padding-top: 12px !important;
}
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title {
position: static !important;
margin-top: -12px !important;
width: unset !important;
}
.components-modal__screen-overlay {
z-index: 999999;
}
.customize-control-sidebar_block_editor,
.customize-widgets-layout__inspector {
box-sizing: border-box;
}
.customize-control-sidebar_block_editor *,
.customize-control-sidebar_block_editor *::before,
.customize-control-sidebar_block_editor *::after,
.customize-widgets-layout__inspector *,
.customize-widgets-layout__inspector *::before,
.customize-widgets-layout__inspector *::after {
box-sizing: inherit;
}
File diff suppressed because one or more lines are too long
+332
View File
@@ -0,0 +1,332 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector {
background: #fff;
box-sizing: border-box;
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * {
box-sizing: inherit;
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector {
margin: -12px;
}
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 {
margin-bottom: 0;
}
#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open {
transform: translateX(-100%);
}
@media (min-width: 600px) {
.customize-widgets-header {
margin-bottom: 44px;
}
}
.customize-widgets-header.is-fixed-toolbar-active {
margin-bottom: 0;
}
.customize-widgets-header {
display: flex;
justify-content: flex-end;
margin: -15px -12px 0 -12px;
background: #f0f0f1;
border-bottom: 1px solid #e0e0e0;
z-index: 8;
}
.customize-widgets-header-toolbar {
display: flex;
border: none;
width: 100%;
align-items: center;
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon {
border-radius: 2px;
color: #fff;
padding: 0;
min-width: 32px;
height: 32px;
margin: 12px 0 12px auto;
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
content: none;
}
@media not (prefers-reduced-motion) {
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
background: #1e1e1e;
}
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
transform: rotate(45deg);
}
.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
margin-left: -12px;
}
#customize-sidebar-outer-content {
width: auto;
min-width: 100%;
}
#customize-outer-theme-controls .widgets-inserter {
padding: 0;
}
#customize-outer-theme-controls .widgets-inserter .customize-section-description-container {
display: none;
}
.customize-widgets-layout__inserter-panel {
background: #fff;
}
.customize-widgets-layout__inserter-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
height: 46px;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title {
margin: 0;
}
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
background: #fff;
}
.customize-widgets-keyboard-shortcut-help-modal__section {
margin: 0 0 2rem 0;
}
.customize-widgets-keyboard-shortcut-help-modal__section-title {
font-size: 0.9rem;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut {
display: flex;
align-items: baseline;
padding: 0.6rem 0;
border-top: 1px solid #ddd;
margin-bottom: 0;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
border-bottom: 1px solid #ddd;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty {
display: none;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
margin: 0 0 0 1rem;
text-align: right;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-description {
flex: 1;
margin: 0;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
display: block;
background: none;
margin: 0;
padding: 0;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
margin-top: 10px;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key {
padding: 0.25rem 0.5rem;
border-radius: 8%;
margin: 0 0.2rem 0 0.2rem;
}
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
margin: 0 0 0 0.2rem;
}
.components-popover.more-menu-dropdown__content {
z-index: 99998;
}
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
position: fixed !important;
z-index: 7;
}
.customize-widgets-popover .components-popover,
.customize-control-sidebar_block_editor .components-popover {
position: fixed !important;
}
.customize-widgets-welcome-guide__image__wrapper {
background: #00a0d2;
text-align: center;
margin-bottom: 8px;
}
.customize-widgets-welcome-guide__image {
height: auto;
}
.wrap .customize-widgets-welcome-guide__heading {
font-size: 18px;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
}
.customize-widgets-welcome-guide__text {
line-height: 1.7;
}
.customize-widgets-welcome-guide__button {
justify-content: center;
margin: 1em 0;
width: 100%;
}
.customize-widgets-welcome-guide__separator {
margin: 1em 0;
}
.customize-widgets-welcome-guide__more-info {
line-height: 1.4;
}
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
overflow: unset;
}
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {
min-height: 100%;
background-color: #fff;
padding-top: 12px !important;
}
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title {
position: static !important;
margin-top: -12px !important;
width: unset !important;
}
.components-modal__screen-overlay {
z-index: 999999;
}
.customize-control-sidebar_block_editor,
.customize-widgets-layout__inspector {
box-sizing: border-box;
}
.customize-control-sidebar_block_editor *,
.customize-control-sidebar_block_editor *::before,
.customize-control-sidebar_block_editor *::after,
.customize-widgets-layout__inspector *,
.customize-widgets-layout__inspector *::before,
.customize-widgets-layout__inspector *::after {
box-sizing: inherit;
}
File diff suppressed because one or more lines are too long
+172
View File
@@ -0,0 +1,172 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
margin-right: auto;
margin-left: auto;
}
.editor-styles-wrapper {
padding: 8px;
}
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
margin-right: -8px;
margin-left: -8px;
}
html :where(.wp-block) {
max-width: 840px;
margin-top: 28px;
margin-bottom: 28px;
}
html :where(.wp-block)[data-align=wide] {
max-width: 1100px;
}
html :where(.wp-block)[data-align=full] {
max-width: none;
}
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
width: 100%;
height: 0;
}
html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before {
content: none;
}
html :where(.wp-block)[data-align=left] > * {
float: left;
margin-right: 2em;
}
html :where(.wp-block)[data-align=right] > * {
float: right;
margin-left: 2em;
}
html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] {
clear: both;
}
.wp-block-group > [data-align=full] {
margin-right: auto;
margin-left: auto;
}
.wp-block-group.has-background > [data-align=full] {
margin-right: -30px;
width: calc(100% + 60px);
}
/**
* Group: Full Width Alignment
*/
[data-align=full] .wp-block-group > .wp-block {
padding-right: 14px;
padding-left: 14px;
}
@media (min-width: 600px) {
[data-align=full] .wp-block-group > .wp-block {
padding-right: 0;
padding-left: 0;
}
}
[data-align=full] .wp-block-group > [data-align=full] {
padding-left: 0;
padding-right: 0;
right: 0;
width: 100%;
max-width: none;
}
[data-align=full] .wp-block-group.has-background > [data-align=full] {
width: calc(100% + 60px);
}
@@ -0,0 +1 @@
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block{margin-left:auto;margin-right:auto}.editor-styles-wrapper{padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-right:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{max-width:none;padding-left:0;padding-right:0;right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)}
+176
View File
@@ -0,0 +1,176 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
margin-left: auto;
margin-right: auto;
}
.editor-styles-wrapper {
padding: 8px;
}
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
margin-left: -8px;
margin-right: -8px;
}
html :where(.wp-block) {
max-width: 840px;
margin-top: 28px;
margin-bottom: 28px;
}
html :where(.wp-block)[data-align=wide] {
max-width: 1100px;
}
html :where(.wp-block)[data-align=full] {
max-width: none;
}
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
width: 100%;
height: 0;
}
html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before {
content: none;
}
html :where(.wp-block)[data-align=left] > * {
/*!rtl:begin:ignore*/
float: left;
margin-right: 2em;
/*!rtl:end:ignore*/
}
html :where(.wp-block)[data-align=right] > * {
/*!rtl:begin:ignore*/
float: right;
margin-left: 2em;
/*!rtl:end:ignore*/
}
html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] {
clear: both;
}
.wp-block-group > [data-align=full] {
margin-left: auto;
margin-right: auto;
}
.wp-block-group.has-background > [data-align=full] {
margin-left: -30px;
width: calc(100% + 60px);
}
/**
* Group: Full Width Alignment
*/
[data-align=full] .wp-block-group > .wp-block {
padding-left: 14px;
padding-right: 14px;
}
@media (min-width: 600px) {
[data-align=full] .wp-block-group > .wp-block {
padding-left: 0;
padding-right: 0;
}
}
[data-align=full] .wp-block-group > [data-align=full] {
padding-right: 0;
padding-left: 0;
left: 0;
width: 100%;
max-width: none;
}
[data-align=full] .wp-block-group.has-background > [data-align=full] {
width: calc(100% + 60px);
}
@@ -0,0 +1 @@
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block{margin-left:auto;margin-right:auto}.editor-styles-wrapper{padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-left:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{left:0;max-width:none;padding-left:0;padding-right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)}
+437
View File
@@ -0,0 +1,437 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.edit-post-meta-boxes-main {
filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
outline: 1px solid transparent;
background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
}
.edit-post-meta-boxes-main__presenter {
flex-shrink: 0;
display: flex;
justify-content: center;
box-shadow: 0 1px #ddd;
outline: 1px solid transparent;
position: relative;
z-index: 1;
height: 32px;
}
@media (pointer: coarse) {
.edit-post-meta-boxes-main__presenter {
height: 36px;
}
}
.edit-post-meta-boxes-main__presenter > button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background-color: transparent;
touch-action: none;
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
cursor: var(--wpds-cursor-control, pointer);
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 24px 12px;
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:is(:hover, :focus-visible) {
color: var(--wp-admin-theme-color);
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:focus-visible::after {
content: "";
position: absolute;
inset: var(--wp-admin-border-width-focus);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded] > svg {
fill: currentColor;
}
.edit-post-meta-boxes-main__presenter > button[role=separator] {
cursor: row-resize;
position: absolute;
width: 64px;
height: inherit;
}
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
content: "";
background-color: #ddd;
outline: 2px solid transparent;
outline-offset: -2px;
position: absolute;
inset-block: calc(50% - 4px / 2) auto;
transform: translateX(50%);
width: inherit;
height: 4px;
border-radius: 2px;
}
@media not (prefers-reduced-motion) {
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
transition: width 0.3s ease-out;
}
}
.edit-post-meta-boxes-main__presenter > button[role=separator]:is(:hover, :focus)::before {
background-color: var(--wp-admin-theme-color);
width: 80px;
}
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
overflow: auto;
}
.edit-post-meta-boxes-main__liner {
isolation: isolate;
}
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
display: unset;
}
.edit-post-layout__metaboxes {
clear: both;
}
.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor {
flex-shrink: 1;
flex-basis: 0%;
overflow: hidden;
isolation: isolate;
}
.edit-post-layout__snackbar {
position: fixed;
bottom: var(--wpds-dimension-size-md, 32px);
right: 0;
left: 0;
padding-inline: 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
pointer-events: none;
}
.edit-post-layout__snackbar .components-snackbar {
margin-inline: auto;
}
.edit-post-meta-boxes-area {
position: relative;
/**
* The wordpress default for most meta-box elements is content-box. Some
* elements such as textarea and input are set to border-box in forms.css.
* These elements therefore specifically set back to border-box here, while
* other elements (such as .button) are unaffected by Gutenberg's style
* because of their higher specificity.
*/
}
.edit-post-meta-boxes-area__container,
.edit-post-meta-boxes-area .inside {
box-sizing: content-box;
}
.edit-post-meta-boxes-area textarea,
.edit-post-meta-boxes-area input {
box-sizing: border-box;
}
.edit-post-meta-boxes-area .postbox-header {
border-top: 1px solid #ddd;
border-bottom: 0;
}
.edit-post-meta-boxes-area {
/* Match width and positioning of the meta boxes. Override default styles. */
}
.edit-post-meta-boxes-area #poststuff {
margin: 0 auto;
padding-top: 0;
min-width: auto;
}
.edit-post-meta-boxes-area {
/* Override Default meta box stylings */
}
.edit-post-meta-boxes-area #poststuff h3.hndle,
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
box-sizing: border-box;
color: inherit;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
outline: none;
padding: 0 24px;
position: relative;
width: 100%;
}
.edit-post-meta-boxes-area .postbox {
border: 0;
color: inherit;
margin-bottom: 0;
}
.edit-post-meta-boxes-area .postbox > .inside {
color: inherit;
padding: 0 24px 24px;
margin: 0;
}
.edit-post-meta-boxes-area .postbox .handlediv {
height: 44px;
width: 44px;
}
.edit-post-meta-boxes-area.is-loading::before {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
content: "";
background: transparent;
z-index: 1;
}
.edit-post-meta-boxes-area .edit-post-meta-boxes-area__spinner {
position: absolute;
top: 10px;
left: 20px;
z-index: 2;
}
.edit-post-meta-boxes-area .is-hidden {
display: none;
}
.edit-post-meta-boxes-area__clear {
clear: both;
}
.edit-post-welcome-guide,
.edit-template-welcome-guide {
width: 312px;
}
.edit-post-welcome-guide__image,
.edit-template-welcome-guide__image {
background: #00a0d2;
margin: 0 0 16px;
}
.edit-post-welcome-guide__image > img,
.edit-template-welcome-guide__image > img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.edit-post-welcome-guide__heading,
.edit-template-welcome-guide__heading {
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 24px;
line-height: 1.4;
margin: 16px 0 16px 0;
padding: 0 24px;
}
.edit-post-welcome-guide__text,
.edit-template-welcome-guide__text {
font-size: 13px;
line-height: 1.4;
margin: 0 0 24px 0;
padding: 0 24px;
}
.edit-post-welcome-guide__inserter-icon,
.edit-template-welcome-guide__inserter-icon {
margin: 0 4px;
vertical-align: text-top;
}
.edit-post-welcome-guide .components-button:hover svg,
.edit-template-welcome-guide .components-button:hover svg {
fill: #fff;
}
.edit-template-welcome-guide .components-button svg {
fill: #fff;
}
body.js.block-editor-page {
background: #fff;
}
body.js.block-editor-page #wpcontent {
padding-right: 0;
}
body.js.block-editor-page #wpbody-content {
padding-bottom: 0;
}
body.js.block-editor-page {
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
}
body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
display: none;
}
body.js.block-editor-page #wpfooter {
display: none;
}
body.js.block-editor-page .a11y-speak-region {
right: -1px;
top: -1px;
}
body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
body.js.block-editor-page ul#adminmenu > li.current > a.current::after {
border-left-color: #fff;
}
body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
width: auto;
max-width: 100%;
}
@media (min-width: 782px) {
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
--wp-admin--admin-bar--height: 0px;
}
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
display: none;
}
}
.block-editor-page #wpwrap {
overflow-y: auto;
}
@media (min-width: 782px) {
.block-editor-page #wpwrap {
overflow-y: initial;
}
}
.edit-post-visual-editor {
box-sizing: border-box;
}
.edit-post-visual-editor *,
.edit-post-visual-editor *::before,
.edit-post-visual-editor *::after {
box-sizing: inherit;
}
@media (min-width: 600px) {
.block-editor__container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
min-height: calc(100vh - 46px);
}
}
@media (min-width: 782px) {
.block-editor__container {
min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}
}
.block-editor__container img {
max-width: 100%;
height: auto;
}
File diff suppressed because one or more lines are too long
+437
View File
@@ -0,0 +1,437 @@
/**
* Typography
*/
/**
* SCSS Variables.
*
* Please use variables from this sheet to ensure consistency across the UI.
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
*/
/**
* Colors
*/
/**
* Fonts & basic variables.
*/
/**
* Typography
*/
/**
* Grid System.
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
*/
/**
* Radius scale.
*/
/**
* Elevation scale.
*/
/**
* Dimensions.
*/
/**
* Mobile specific styles
*/
/**
* Editor styles.
*/
/**
* Block & Editor UI.
*/
/**
* Block paddings.
*/
/**
* React Native specific.
* These variables do not appear to be used anywhere else.
*/
/**
* Breakpoints & Media Queries
*/
/**
* Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Breakpoint mixins
*/
/**
* Focus styles.
*/
/**
* Standard focus rings for the WordPress Design System.
*
* Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
* e.g. `&:focus { @include outset-ring__focus(); }`.
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Styles that are reused verbatim in a few places
*/
/**
* Allows users to opt-out of animations via OS-level preferences.
*/
/**
* Reset default styles for JavaScript UI based pages.
* This is a WP-admin agnostic reset
*/
/**
* Reset the WP Admin page styles for Gutenberg-like pages.
*/
/**
* Creates a checkerboard pattern background to indicate transparency.
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
*/
:root {
--wp-block-synced-color: #7a00df;
--wp-block-synced-color--rgb: 122, 0, 223;
--wp-bound-block-color: var(--wp-block-synced-color);
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color--rgb: 0, 124, 186;
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
--wp-admin-theme-color-darker-20: #005a87;
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
--wp-admin-border-width-focus: 2px;
}
@media (min-resolution: 192dpi) {
:root {
--wp-admin-border-width-focus: 1.5px;
}
}
.edit-post-meta-boxes-main {
filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
outline: 1px solid transparent;
background-color: #fff;
display: flex;
flex-direction: column;
overflow: hidden;
}
.edit-post-meta-boxes-main__presenter {
flex-shrink: 0;
display: flex;
justify-content: center;
box-shadow: 0 1px #ddd;
outline: 1px solid transparent;
position: relative;
z-index: 1;
height: 32px;
}
@media (pointer: coarse) {
.edit-post-meta-boxes-main__presenter {
height: 36px;
}
}
.edit-post-meta-boxes-main__presenter > button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background-color: transparent;
touch-action: none;
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
cursor: var(--wpds-cursor-control, pointer);
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: 24px 12px;
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:is(:hover, :focus-visible) {
color: var(--wp-admin-theme-color);
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:focus-visible::after {
content: "";
position: absolute;
inset: var(--wp-admin-border-width-focus);
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
outline: 2px solid transparent;
}
.edit-post-meta-boxes-main__presenter > button[aria-expanded] > svg {
fill: currentColor;
}
.edit-post-meta-boxes-main__presenter > button[role=separator] {
cursor: row-resize;
position: absolute;
width: 64px;
height: inherit;
}
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
content: "";
background-color: #ddd;
outline: 2px solid transparent;
outline-offset: -2px;
position: absolute;
inset-block: calc(50% - 4px / 2) auto;
transform: translateX(-50%);
width: inherit;
height: 4px;
border-radius: 2px;
}
@media not (prefers-reduced-motion) {
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
transition: width 0.3s ease-out;
}
}
.edit-post-meta-boxes-main__presenter > button[role=separator]:is(:hover, :focus)::before {
background-color: var(--wp-admin-theme-color);
width: 80px;
}
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
overflow: auto;
}
.edit-post-meta-boxes-main__liner {
isolation: isolate;
}
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
display: unset;
}
.edit-post-layout__metaboxes {
clear: both;
}
.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor {
flex-shrink: 1;
flex-basis: 0%;
overflow: hidden;
isolation: isolate;
}
.edit-post-layout__snackbar {
position: fixed;
bottom: var(--wpds-dimension-size-md, 32px);
left: 0;
right: 0;
padding-inline: 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
pointer-events: none;
}
.edit-post-layout__snackbar .components-snackbar {
margin-inline: auto;
}
.edit-post-meta-boxes-area {
position: relative;
/**
* The wordpress default for most meta-box elements is content-box. Some
* elements such as textarea and input are set to border-box in forms.css.
* These elements therefore specifically set back to border-box here, while
* other elements (such as .button) are unaffected by Gutenberg's style
* because of their higher specificity.
*/
}
.edit-post-meta-boxes-area__container,
.edit-post-meta-boxes-area .inside {
box-sizing: content-box;
}
.edit-post-meta-boxes-area textarea,
.edit-post-meta-boxes-area input {
box-sizing: border-box;
}
.edit-post-meta-boxes-area .postbox-header {
border-top: 1px solid #ddd;
border-bottom: 0;
}
.edit-post-meta-boxes-area {
/* Match width and positioning of the meta boxes. Override default styles. */
}
.edit-post-meta-boxes-area #poststuff {
margin: 0 auto;
padding-top: 0;
min-width: auto;
}
.edit-post-meta-boxes-area {
/* Override Default meta box stylings */
}
.edit-post-meta-boxes-area #poststuff h3.hndle,
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
.edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
box-sizing: border-box;
color: inherit;
font-weight: var(--wpds-typography-font-weight-emphasis, 600);
outline: none;
padding: 0 24px;
position: relative;
width: 100%;
}
.edit-post-meta-boxes-area .postbox {
border: 0;
color: inherit;
margin-bottom: 0;
}
.edit-post-meta-boxes-area .postbox > .inside {
color: inherit;
padding: 0 24px 24px;
margin: 0;
}
.edit-post-meta-boxes-area .postbox .handlediv {
height: 44px;
width: 44px;
}
.edit-post-meta-boxes-area.is-loading::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: transparent;
z-index: 1;
}
.edit-post-meta-boxes-area .edit-post-meta-boxes-area__spinner {
position: absolute;
top: 10px;
right: 20px;
z-index: 2;
}
.edit-post-meta-boxes-area .is-hidden {
display: none;
}
.edit-post-meta-boxes-area__clear {
clear: both;
}
.edit-post-welcome-guide,
.edit-template-welcome-guide {
width: 312px;
}
.edit-post-welcome-guide__image,
.edit-template-welcome-guide__image {
background: #00a0d2;
margin: 0 0 16px;
}
.edit-post-welcome-guide__image > img,
.edit-template-welcome-guide__image > img {
display: block;
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.edit-post-welcome-guide__heading,
.edit-template-welcome-guide__heading {
font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 24px;
line-height: 1.4;
margin: 16px 0 16px 0;
padding: 0 24px;
}
.edit-post-welcome-guide__text,
.edit-template-welcome-guide__text {
font-size: 13px;
line-height: 1.4;
margin: 0 0 24px 0;
padding: 0 24px;
}
.edit-post-welcome-guide__inserter-icon,
.edit-template-welcome-guide__inserter-icon {
margin: 0 4px;
vertical-align: text-top;
}
.edit-post-welcome-guide .components-button:hover svg,
.edit-template-welcome-guide .components-button:hover svg {
fill: #fff;
}
.edit-template-welcome-guide .components-button svg {
fill: #fff;
}
body.js.block-editor-page {
background: #fff;
}
body.js.block-editor-page #wpcontent {
padding-left: 0;
}
body.js.block-editor-page #wpbody-content {
padding-bottom: 0;
}
body.js.block-editor-page {
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
}
body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
display: none;
}
body.js.block-editor-page #wpfooter {
display: none;
}
body.js.block-editor-page .a11y-speak-region {
left: -1px;
top: -1px;
}
body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
body.js.block-editor-page ul#adminmenu > li.current > a.current::after {
border-right-color: #fff;
}
body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
width: auto;
max-width: 100%;
}
@media (min-width: 782px) {
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) {
--wp-admin--admin-bar--height: 0px;
}
body.js.block-editor-page.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
display: none;
}
}
.block-editor-page #wpwrap {
overflow-y: auto;
}
@media (min-width: 782px) {
.block-editor-page #wpwrap {
overflow-y: initial;
}
}
.edit-post-visual-editor {
box-sizing: border-box;
}
.edit-post-visual-editor *,
.edit-post-visual-editor *::before,
.edit-post-visual-editor *::after {
box-sizing: inherit;
}
@media (min-width: 600px) {
.block-editor__container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
min-height: calc(100vh - 46px);
}
}
@media (min-width: 782px) {
.block-editor__container {
min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}
}
.block-editor__container img {
max-width: 100%;
height: auto;
}
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More