initial
This commit is contained in:
File diff suppressed because it is too large
Load Diff
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,453 @@
|
||||
/*! 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);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.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"] {
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,452 @@
|
||||
/* ----------------------------------------------------------------------------
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.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"] {
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
Vendored
+2
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
@@ -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;
|
||||
}
|
||||
}
|
||||
@@ -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
@@ -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
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,208 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
body.admin-color-light {
|
||||
--wp-admin-theme-color: #0085ba;
|
||||
--wp-admin-theme-color--rgb: 0, 133, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
|
||||
--wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-light {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-modern {
|
||||
--wp-admin-theme-color: #3858e9;
|
||||
--wp-admin-theme-color--rgb: 56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
|
||||
--wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-modern {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-blue {
|
||||
--wp-admin-theme-color: #096484;
|
||||
--wp-admin-theme-color--rgb: 9, 100, 132;
|
||||
--wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
--wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
|
||||
--wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
|
||||
--wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-blue {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-theme-color: #46403c;
|
||||
--wp-admin-theme-color--rgb: 70, 64, 60;
|
||||
--wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
|
||||
--wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
|
||||
--wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
|
||||
--wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-theme-color: #523f6d;
|
||||
--wp-admin-theme-color--rgb: 82, 63, 109;
|
||||
--wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
|
||||
--wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
|
||||
--wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
|
||||
--wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-theme-color: #e14d43;
|
||||
--wp-admin-theme-color--rgb: 225, 77, 67;
|
||||
--wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
--wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
|
||||
--wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
|
||||
--wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-theme-color: #627c83;
|
||||
--wp-admin-theme-color--rgb: 98, 124, 131;
|
||||
--wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
|
||||
--wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
|
||||
--wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
|
||||
--wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-theme-color: #dd823b;
|
||||
--wp-admin-theme-color--rgb: 221, 130, 59;
|
||||
--wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
--wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
|
||||
--wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
|
||||
--wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,114.7661290323,160.5;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,96.5322580645,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7.3723404255,81.914893617,108.1276595745;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:5.7446808511,63.829787234,84.2553191489;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56.2692307692,51.4461538462,48.2307692308;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:42.5384615385,38.8923076923,36.4615384615;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:69.8430232558,53.6598837209,92.8401162791;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:57.6860465116,44.3197674419,76.6802325581;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221.4908256881,56.1788990826,45.0091743119;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:207.8348623853,44.2201834862,33.1651376147;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87.0873362445,110.192139738,116.4126637555;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76.1746724891,96.384279476,101.8253275109;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:216.8782608696,116.1847826087,37.6217391304;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195.147826087,104.5434782609,33.852173913;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
+208
@@ -0,0 +1,208 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
body.admin-color-light {
|
||||
--wp-admin-theme-color: #0085ba;
|
||||
--wp-admin-theme-color--rgb: 0, 133, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 114.7661290323, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 114.7661290323, 160.5;
|
||||
--wp-admin-theme-color-darker-20: rgb(0, 96.5322580645, 135);
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 96.5322580645, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-light {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-modern {
|
||||
--wp-admin-theme-color: #3858e9;
|
||||
--wp-admin-theme-color--rgb: 56, 88, 233;
|
||||
--wp-admin-theme-color-darker-10: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
|
||||
--wp-admin-theme-color-darker-20: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-modern {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-blue {
|
||||
--wp-admin-theme-color: #096484;
|
||||
--wp-admin-theme-color--rgb: 9, 100, 132;
|
||||
--wp-admin-theme-color-darker-10: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
--wp-admin-theme-color-darker-10--rgb: 7.3723404255, 81.914893617, 108.1276595745;
|
||||
--wp-admin-theme-color-darker-20: rgb(5.7446808511, 63.829787234, 84.2553191489);
|
||||
--wp-admin-theme-color-darker-20--rgb: 5.7446808511, 63.829787234, 84.2553191489;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-blue {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-theme-color: #46403c;
|
||||
--wp-admin-theme-color--rgb: 70, 64, 60;
|
||||
--wp-admin-theme-color-darker-10: rgb(56.2692307692, 51.4461538462, 48.2307692308);
|
||||
--wp-admin-theme-color-darker-10--rgb: 56.2692307692, 51.4461538462, 48.2307692308;
|
||||
--wp-admin-theme-color-darker-20: rgb(42.5384615385, 38.8923076923, 36.4615384615);
|
||||
--wp-admin-theme-color-darker-20--rgb: 42.5384615385, 38.8923076923, 36.4615384615;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-coffee {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-theme-color: #523f6d;
|
||||
--wp-admin-theme-color--rgb: 82, 63, 109;
|
||||
--wp-admin-theme-color-darker-10: rgb(69.8430232558, 53.6598837209, 92.8401162791);
|
||||
--wp-admin-theme-color-darker-10--rgb: 69.8430232558, 53.6598837209, 92.8401162791;
|
||||
--wp-admin-theme-color-darker-20: rgb(57.6860465116, 44.3197674419, 76.6802325581);
|
||||
--wp-admin-theme-color-darker-20--rgb: 57.6860465116, 44.3197674419, 76.6802325581;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ectoplasm {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-theme-color: #e14d43;
|
||||
--wp-admin-theme-color--rgb: 225, 77, 67;
|
||||
--wp-admin-theme-color-darker-10: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
--wp-admin-theme-color-darker-10--rgb: 221.4908256881, 56.1788990826, 45.0091743119;
|
||||
--wp-admin-theme-color-darker-20: rgb(207.8348623853, 44.2201834862, 33.1651376147);
|
||||
--wp-admin-theme-color-darker-20--rgb: 207.8348623853, 44.2201834862, 33.1651376147;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-midnight {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-theme-color: #627c83;
|
||||
--wp-admin-theme-color--rgb: 98, 124, 131;
|
||||
--wp-admin-theme-color-darker-10: rgb(87.0873362445, 110.192139738, 116.4126637555);
|
||||
--wp-admin-theme-color-darker-10--rgb: 87.0873362445, 110.192139738, 116.4126637555;
|
||||
--wp-admin-theme-color-darker-20: rgb(76.1746724891, 96.384279476, 101.8253275109);
|
||||
--wp-admin-theme-color-darker-20--rgb: 76.1746724891, 96.384279476, 101.8253275109;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-ocean {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-theme-color: #dd823b;
|
||||
--wp-admin-theme-color--rgb: 221, 130, 59;
|
||||
--wp-admin-theme-color-darker-10: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
--wp-admin-theme-color-darker-10--rgb: 216.8782608696, 116.1847826087, 37.6217391304;
|
||||
--wp-admin-theme-color-darker-20: rgb(195.147826087, 104.5434782609, 33.852173913);
|
||||
--wp-admin-theme-color-darker-20--rgb: 195.147826087, 104.5434782609, 33.852173913;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color--rgb:0,133,186;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-10--rgb:0,114.7661290323,160.5;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,96.5322580645,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color--rgb:9,100,132;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-10--rgb:7.3723404255,81.914893617,108.1276595745;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:5.7446808511,63.829787234,84.2553191489;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color--rgb:70,64,60;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-10--rgb:56.2692307692,51.4461538462,48.2307692308;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:42.5384615385,38.8923076923,36.4615384615;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color--rgb:82,63,109;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-10--rgb:69.8430232558,53.6598837209,92.8401162791;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:57.6860465116,44.3197674419,76.6802325581;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color--rgb:225,77,67;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-10--rgb:221.4908256881,56.1788990826,45.0091743119;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:207.8348623853,44.2201834862,33.1651376147;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color--rgb:98,124,131;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-10--rgb:87.0873362445,110.192139738,116.4126637555;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76.1746724891,96.384279476,101.8253275109;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color--rgb:221,130,59;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-10--rgb:216.8782608696,116.1847826087,37.6217391304;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195.147826087,104.5434782609,33.852173913;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
+281
@@ -0,0 +1,281 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-directory-block-ratings > span {
|
||||
display: flex;
|
||||
}
|
||||
.block-directory-block-ratings svg {
|
||||
fill: #1e1e1e;
|
||||
margin-right: -4px;
|
||||
}
|
||||
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.block-directory-compact-list {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.block-directory-compact-list__item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-details {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-title {
|
||||
font-weight: 499;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-author {
|
||||
color: #757575;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-icon {
|
||||
min-width: 54px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 12px;
|
||||
margin: 0;
|
||||
appearance: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
text-align: right;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-directory-downloadable-block-list-item {
|
||||
transition: box-shadow 0.1s linear;
|
||||
}
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
position: relative;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:not([aria-disabled=true]) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:hover {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item[data-focus-visible] {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__icon {
|
||||
position: relative;
|
||||
margin-left: 16px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.is-installing .block-directory-downloadable-block-list-item__icon {
|
||||
margin-left: 22px;
|
||||
}
|
||||
|
||||
.block-directory-block-ratings {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__details {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__title {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__author {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__desc {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice {
|
||||
margin: 8px 0 0;
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice__content {
|
||||
padding-left: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel {
|
||||
padding: 16px;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading {
|
||||
font-style: normal;
|
||||
padding: 0;
|
||||
margin: 112px 0;
|
||||
text-align: center;
|
||||
color: #757575;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
|
||||
float: inherit;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__no-local {
|
||||
margin: 48px 0;
|
||||
padding: 0 64px;
|
||||
color: #757575;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__description {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.installed-blocks-pre-publish-panel__copy {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-right:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:499}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{margin-top:4px}.block-directory-downloadable-block-list-item{appearance:none;background:none;border:0;display:grid;grid-template-columns:auto 1fr;height:auto;margin:0;padding:12px;text-align:right;width:100%}@media not (prefers-reduced-motion){.block-directory-downloadable-block-list-item{transition:box-shadow .1s linear}}.block-directory-downloadable-block-list-item{position:relative}.block-directory-downloadable-block-list-item:not([aria-disabled=true]){cursor:pointer}.block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid #0000}.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{display:none}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-left:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:#ffffffbf;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.is-installing .block-directory-downloadable-block-list-item__icon{margin-left:22px}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-left:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description,.installed-blocks-pre-publish-panel__copy{margin-top:0}
|
||||
+281
@@ -0,0 +1,281 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-directory-block-ratings > span {
|
||||
display: flex;
|
||||
}
|
||||
.block-directory-block-ratings svg {
|
||||
fill: #1e1e1e;
|
||||
margin-left: -4px;
|
||||
}
|
||||
.block-directory-block-ratings .block-directory-block-ratings__star-empty {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.block-directory-compact-list {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.block-directory-compact-list__item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-details {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-title {
|
||||
font-weight: 499;
|
||||
}
|
||||
|
||||
.block-directory-compact-list__item-author {
|
||||
color: #757575;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-icon {
|
||||
min-width: 54px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
vertical-align: middle;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item + .block-directory-downloadable-block-list-item {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 12px;
|
||||
margin: 0;
|
||||
appearance: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
text-align: left;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-directory-downloadable-block-list-item {
|
||||
transition: box-shadow 0.1s linear;
|
||||
}
|
||||
}
|
||||
.block-directory-downloadable-block-list-item {
|
||||
position: relative;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:not([aria-disabled=true]) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:hover {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item[data-focus-visible] {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__icon {
|
||||
position: relative;
|
||||
margin-right: 16px;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(255, 255, 255, 0.75);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.is-installing .block-directory-downloadable-block-list-item__icon {
|
||||
margin-right: 22px;
|
||||
}
|
||||
|
||||
.block-directory-block-ratings {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__details {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__title {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__author {
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-list-item__desc {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice {
|
||||
margin: 8px 0 0;
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-block-notice__content {
|
||||
padding-right: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel {
|
||||
padding: 16px;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading {
|
||||
font-style: normal;
|
||||
padding: 0;
|
||||
margin: 112px 0;
|
||||
text-align: center;
|
||||
color: #757575;
|
||||
}
|
||||
.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner {
|
||||
float: inherit;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__no-local {
|
||||
margin: 48px 0;
|
||||
padding: 0 64px;
|
||||
color: #757575;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__title {
|
||||
margin: 0 0 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel__description {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.installed-blocks-pre-publish-panel__copy {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-left:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{list-style:none;margin:0}.block-directory-compact-list__item{align-items:center;display:flex;flex-direction:row;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:499}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{border:1px solid #ddd;height:54px;min-width:54px;vertical-align:middle;width:54px}.block-directory-downloadable-block-list-item+.block-directory-downloadable-block-list-item{margin-top:4px}.block-directory-downloadable-block-list-item{appearance:none;background:none;border:0;display:grid;grid-template-columns:auto 1fr;height:auto;margin:0;padding:12px;text-align:left;width:100%}@media not (prefers-reduced-motion){.block-directory-downloadable-block-list-item{transition:box-shadow .1s linear}}.block-directory-downloadable-block-list-item{position:relative}.block-directory-downloadable-block-list-item:not([aria-disabled=true]){cursor:pointer}.block-directory-downloadable-block-list-item:hover,.block-directory-downloadable-block-list-item[data-focus-visible]{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid #0000}.block-directory-downloadable-block-list-item.is-installing .block-directory-downloadable-block-list-item__author{display:none}.block-directory-downloadable-block-list-item__icon{align-self:flex-start;margin-right:16px;position:relative}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{align-items:center;background:#ffffffbf;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.is-installing .block-directory-downloadable-block-list-item__icon{margin-right:22px}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;font-weight:400;margin-top:4px}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{color:#cc1818;margin:8px 0 0}.block-directory-downloadable-block-notice__content{margin-bottom:8px;padding-right:12px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{color:#757575;font-style:normal;margin:112px 0;padding:0;text-align:center}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{color:#757575;margin:48px 0;padding:0 64px;text-align:center}.block-directory-downloadable-blocks-panel__title{font-size:14px;margin:0 0 4px}.block-directory-downloadable-blocks-panel__description,.installed-blocks-pre-publish-panel__copy{margin-top:0}
|
||||
+950
@@ -0,0 +1,950 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: CanvasText;
|
||||
}
|
||||
}
|
||||
.block-editor-block-icon svg {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
max-width: 24px;
|
||||
max-height: 24px;
|
||||
}
|
||||
|
||||
.block-editor-block-styles .block-editor-block-list__block {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Cross-Block Selection
|
||||
*/
|
||||
@keyframes selection-overlay__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */
|
||||
_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,
|
||||
_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
.block-editor-block-list__layout {
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
|
||||
background: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: var(--wp-admin-theme-color);
|
||||
opacity: 0.4;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
animation: selection-overlay__fade-in-animation 0.1s ease-out;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {
|
||||
outline-color: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
|
||||
outline: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
z-index: 1;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-block-hidden {
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout.is-layout-flex:not(.is-vertical) > .is-block-hidden {
|
||||
width: 0;
|
||||
height: auto;
|
||||
align-self: stretch;
|
||||
white-space: nowrap !important;
|
||||
margin-right: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout [class^=components-] {
|
||||
-webkit-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
position: relative;
|
||||
overflow-wrap: break-word;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
|
||||
z-index: 20;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
|
||||
z-index: 1;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
/**
|
||||
* Notices
|
||||
*/
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
|
||||
margin: -10px 0 12px 0;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
|
||||
margin: 0 0 12px 0;
|
||||
width: 100%;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
|
||||
font-size: 13px;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
|
||||
min-height: 48px;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
|
||||
pointer-events: all;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
|
||||
float: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([draggable=true]), .block-editor-block-list__layout .block-editor-block-list__block:not([data-draggable=true]) {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true] {
|
||||
cursor: grab;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[contenteditable],
|
||||
.block-editor-block-list__layout .block-editor-block-list__block [contenteditable] {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
|
||||
@keyframes block-editor-is-editable__animation {
|
||||
from {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
to {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
@keyframes block-editor-is-editable__animation_reduce-motion {
|
||||
0% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
99% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation;
|
||||
animation-duration: 0.8s;
|
||||
animation-timing-function: ease-out;
|
||||
animation-delay: 0.1s;
|
||||
animation-fill-mode: backwards;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation_reduce-motion;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
opacity: 0.2;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected .block-editor-block-list__block {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > *,
|
||||
.wp-block[data-align=right] > *,
|
||||
.wp-block.alignleft,
|
||||
.wp-block.alignright {
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=left] {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=right] {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=center] {
|
||||
justify-content: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-Canvas Inserter
|
||||
*/
|
||||
.block-editor-block-list .block-editor-inserter {
|
||||
margin: 8px;
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
@keyframes block-editor-inserter__toggle__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.wp-block .block-list-appender .block-editor-inserter__toggle {
|
||||
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
transition: padding 0.2s linear;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/**
|
||||
* Warnings.
|
||||
*/
|
||||
.block-editor-block-list__block .block-editor-warning {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
/* same color as the iframe's background */
|
||||
background: #ddd;
|
||||
margin-right: -1px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
}
|
||||
.is-zoomed-out .block-editor-block-list__zoom-out-separator {
|
||||
font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator.is-dragged-over {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.has-global-padding > .block-editor-block-list__zoom-out-separator,
|
||||
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
|
||||
max-width: none;
|
||||
margin: 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) !important;
|
||||
}
|
||||
|
||||
.is-dragging {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.is-preview-mode {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block > *:not(.block-editor-block-list__block) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.is-vertical .block-list-appender {
|
||||
width: 24px;
|
||||
margin-left: auto;
|
||||
margin-top: 12px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.block-list-appender > .block-editor-inserter {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.has-block-overlay {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {
|
||||
right: 0;
|
||||
left: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .is-dragging {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::selection {
|
||||
background: transparent !important;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.wp-block img:not([draggable]),
|
||||
.wp-block svg:not([draggable]) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__content-iframe .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__live-content * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-button:disabled {
|
||||
opacity: initial;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-placeholder,
|
||||
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-variation-picker__variations,
|
||||
.block-editor-block-variation-picker__skip,
|
||||
.wp-block-group-placeholder__variations {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations svg,
|
||||
.block-editor-block-variation-picker__skip svg,
|
||||
.wp-block-group-placeholder__variations svg {
|
||||
fill: #949494 !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button,
|
||||
.block-editor-block-variation-picker__skip .components-button,
|
||||
.wp-block-group-placeholder__variations .components-button {
|
||||
padding: 4px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover,
|
||||
.wp-block-group-placeholder__variations .components-button:hover {
|
||||
background: none !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover svg,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover svg,
|
||||
.wp-block-group-placeholder__variations .components-button:hover svg {
|
||||
fill: var(--wp-admin-theme-color) !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations > li,
|
||||
.block-editor-block-variation-picker__skip > li,
|
||||
.wp-block-group-placeholder__variations > li {
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.block-editor-button-block-appender {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
color: #1e1e1e;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
}
|
||||
.is-dark-theme .block-editor-button-block-appender {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
.block-editor-button-block-appender:hover {
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:focus {
|
||||
box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
pointer-events: none;
|
||||
border: 1px dashed currentColor;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
|
||||
opacity: 0;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after {
|
||||
border: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {
|
||||
visibility: visible;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {
|
||||
border: none;
|
||||
}
|
||||
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Default block appender.
|
||||
*
|
||||
* This component shows up in 3 places:
|
||||
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
|
||||
* - on the right, inside empty paragraphs
|
||||
* - absolute positioned and blue inside nesting containers
|
||||
*/
|
||||
.block-editor-default-block-appender {
|
||||
clear: both;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-default-block-appender__content {
|
||||
opacity: 0.62;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .components-drop-zone__content-icon {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender .block-editor-inserter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fixed position appender (right bottom corner).
|
||||
*
|
||||
* These styles apply to all in-canvas inserters. All in-canvas inserters always
|
||||
* exist within a block.
|
||||
*/
|
||||
.block-editor-block-list__block .block-list-appender {
|
||||
position: absolute;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender.block-list-appender {
|
||||
margin: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
display: none;
|
||||
padding: 0 !important;
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-child {
|
||||
position: relative;
|
||||
left: auto;
|
||||
align-self: center;
|
||||
list-style: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender__content {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.block-editor-iframe__body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.block-editor-iframe__html {
|
||||
transform-origin: top center;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-iframe__html {
|
||||
transition: background-color 400ms;
|
||||
}
|
||||
}
|
||||
.block-editor-iframe__html.zoom-out-animation {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));
|
||||
bottom: 0;
|
||||
overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out {
|
||||
transform: translateX(calc(-1*((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1))));
|
||||
scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
|
||||
background-color: var(--wp-editor-canvas-background);
|
||||
margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
|
||||
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body {
|
||||
min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
|
||||
flex: 1;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder__cancel-button.is-link {
|
||||
margin: 1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder.is-appender {
|
||||
min-height: 0;
|
||||
}
|
||||
.block-editor-media-placeholder.is-appender:hover {
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-plain-text {
|
||||
box-shadow: none;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rich-text [data-rich-text-placeholder] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.rich-text [data-rich-text-placeholder]::after {
|
||||
content: attr(data-rich-text-placeholder);
|
||||
opacity: 0.62;
|
||||
}
|
||||
.rich-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
[data-rich-text-script] {
|
||||
display: inline;
|
||||
}
|
||||
[data-rich-text-script]::before {
|
||||
content: "</>";
|
||||
background: rgb(255, 255, 0);
|
||||
}
|
||||
|
||||
[data-rich-text-comment],
|
||||
[data-rich-text-format-boundary] {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
[data-rich-text-comment] {
|
||||
background-color: currentColor;
|
||||
}
|
||||
[data-rich-text-comment] span {
|
||||
filter: invert(100%);
|
||||
color: currentColor;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.rich-text [contenteditable=false]::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.block-editor-warning {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
border: 1px solid #1e1e1e;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__message {
|
||||
line-height: 1.4;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 13px;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
}
|
||||
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
|
||||
min-height: auto;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__contents {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
gap: 12px;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__actions {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.components-popover.block-editor-warning__dropdown {
|
||||
z-index: 99998;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+950
@@ -0,0 +1,950 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
@media (forced-colors: active) {
|
||||
.block-editor-block-icon.has-colors svg {
|
||||
fill: CanvasText;
|
||||
}
|
||||
}
|
||||
.block-editor-block-icon svg {
|
||||
min-width: 20px;
|
||||
min-height: 20px;
|
||||
max-width: 24px;
|
||||
max-height: 24px;
|
||||
}
|
||||
|
||||
.block-editor-block-styles .block-editor-block-list__block {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Cross-Block Selection
|
||||
*/
|
||||
@keyframes selection-overlay__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
/* stylelint-disable -- Stylelint is disabled to allow the hack to work. */
|
||||
_::-webkit-full-page-media, _:future, :root .block-editor-block-list__layout::selection,
|
||||
_::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .block-editor-block-list__layout::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* stylelint-enable */
|
||||
.block-editor-block-list__layout {
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection, .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection {
|
||||
background: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: var(--wp-admin-theme-color);
|
||||
opacity: 0.4;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
animation: selection-overlay__fade-in-animation 0.1s ease-out;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::after {
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted::after {
|
||||
outline-color: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus {
|
||||
outline: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after,
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
z-index: 1;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-block-hidden {
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
border: none !important;
|
||||
padding: 0 !important;
|
||||
opacity: 0;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout.is-layout-flex:not(.is-vertical) > .is-block-hidden {
|
||||
width: 0;
|
||||
height: auto;
|
||||
align-self: stretch;
|
||||
white-space: nowrap !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.block-editor-block-list__layout [class^=components-] {
|
||||
-webkit-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
position: relative;
|
||||
overflow-wrap: break-word;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected, .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected {
|
||||
z-index: 20;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * {
|
||||
z-index: 1;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block {
|
||||
/**
|
||||
* Notices
|
||||
*/
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
|
||||
margin: -10px 0 12px 0;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
|
||||
margin: 0 0 12px 0;
|
||||
width: 100%;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
|
||||
font-size: 13px;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
|
||||
min-height: 48px;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
|
||||
pointer-events: all;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
|
||||
background-color: transparent;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
|
||||
float: none;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block:not([draggable=true]), .block-editor-block-list__layout .block-editor-block-list__block:not([data-draggable=true]) {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[draggable=true], .block-editor-block-list__layout .block-editor-block-list__block[data-draggable=true] {
|
||||
cursor: grab;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__layout .block-editor-block-list__block[contenteditable],
|
||||
.block-editor-block-list__layout .block-editor-block-list__block [contenteditable] {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
outline-color: var(--wp-admin-theme-color);
|
||||
outline-style: solid;
|
||||
outline-width: calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
outline-offset: calc(1 * -1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
box-shadow: inset 0 0 0 calc(1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1) + 0.5px) rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
|
||||
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
|
||||
outline-color: var(--wp-block-synced-color);
|
||||
}
|
||||
|
||||
@keyframes block-editor-is-editable__animation {
|
||||
from {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
to {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
@keyframes block-editor-is-editable__animation_reduce-motion {
|
||||
0% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
99% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.1);
|
||||
}
|
||||
100% {
|
||||
background-color: rgba(var(--wp-admin-theme-color--rgb), 0);
|
||||
}
|
||||
}
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation;
|
||||
animation-duration: 0.8s;
|
||||
animation-timing-function: ease-out;
|
||||
animation-delay: 0.1s;
|
||||
animation-fill-mode: backwards;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.is-root-container:not([inert]) .block-editor-block-list__block.is-selected .block-editor-block-list__block.has-editable-outline::after {
|
||||
animation-name: block-editor-is-editable__animation_reduce-motion;
|
||||
animation-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
opacity: 0.2;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) {
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
}
|
||||
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected, .is-focus-mode .block-editor-block-list__block.is-editing-content-only-section.has-child-selected .block-editor-block-list__block {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.wp-block[data-align=left] > *,
|
||||
.wp-block[data-align=right] > *,
|
||||
.wp-block.alignleft,
|
||||
.wp-block.alignright {
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=left] {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=right] {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.wp-site-blocks > [data-align=center] {
|
||||
justify-content: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* In-Canvas Inserter
|
||||
*/
|
||||
.block-editor-block-list .block-editor-inserter {
|
||||
margin: 8px;
|
||||
cursor: move;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
@keyframes block-editor-inserter__toggle__fade-in-animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.wp-block .block-list-appender .block-editor-inserter__toggle {
|
||||
animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
font-size: 15px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
|
||||
transition: padding 0.2s linear;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/**
|
||||
* Warnings.
|
||||
*/
|
||||
.block-editor-block-list__block .block-editor-warning {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
/* same color as the iframe's background */
|
||||
background: #ddd;
|
||||
margin-left: -1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
font-size: 13px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
color: #000;
|
||||
font-weight: normal;
|
||||
}
|
||||
.is-zoomed-out .block-editor-block-list__zoom-out-separator {
|
||||
font-size: calc(13px / var(--wp-block-editor-iframe-zoom-out-scale));
|
||||
}
|
||||
.block-editor-block-list__zoom-out-separator.is-dragged-over {
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.has-global-padding > .block-editor-block-list__zoom-out-separator,
|
||||
.block-editor-block-list__layout.is-root-container.has-global-padding > .block-editor-block-list__zoom-out-separator {
|
||||
max-width: none;
|
||||
margin: 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) !important;
|
||||
}
|
||||
|
||||
.is-dragging {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.is-preview-mode {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.is-preview-mode .block-editor-block-list__block > *:not(.block-editor-block-list__block) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.is-vertical .block-list-appender {
|
||||
width: 24px;
|
||||
margin-right: auto;
|
||||
margin-top: 12px;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.block-list-appender > .block-editor-inserter {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
|
||||
opacity: 0;
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.has-block-overlay {
|
||||
cursor: default;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay::before {
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.block-editor-block-list__layout .is-dragging {
|
||||
opacity: 0.1;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::selection {
|
||||
background: transparent !important;
|
||||
}
|
||||
.block-editor-block-list__layout .is-dragging::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
.wp-block img:not([draggable]),
|
||||
.wp-block svg:not([draggable]) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__content-iframe .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-preview__live-content * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .block-list-appender {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-button:disabled {
|
||||
opacity: initial;
|
||||
}
|
||||
.block-editor-block-preview__live-content .components-placeholder,
|
||||
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.block-editor-block-variation-picker__variations,
|
||||
.block-editor-block-variation-picker__skip,
|
||||
.wp-block-group-placeholder__variations {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations svg,
|
||||
.block-editor-block-variation-picker__skip svg,
|
||||
.wp-block-group-placeholder__variations svg {
|
||||
fill: #949494 !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button,
|
||||
.block-editor-block-variation-picker__skip .components-button,
|
||||
.wp-block-group-placeholder__variations .components-button {
|
||||
padding: 4px;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover,
|
||||
.wp-block-group-placeholder__variations .components-button:hover {
|
||||
background: none !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations .components-button:hover svg,
|
||||
.block-editor-block-variation-picker__skip .components-button:hover svg,
|
||||
.wp-block-group-placeholder__variations .components-button:hover svg {
|
||||
fill: var(--wp-admin-theme-color) !important;
|
||||
}
|
||||
.block-editor-block-variation-picker__variations > li,
|
||||
.block-editor-block-variation-picker__skip > li,
|
||||
.wp-block-group-placeholder__variations > li {
|
||||
width: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.block-editor-button-block-appender {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
color: #1e1e1e;
|
||||
box-shadow: inset 0 0 0 1px #1e1e1e;
|
||||
}
|
||||
.is-dark-theme .block-editor-button-block-appender {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
.block-editor-button-block-appender:hover {
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:focus {
|
||||
box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-button-block-appender:active {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {
|
||||
pointer-events: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
border: 1px dashed currentColor;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
|
||||
opacity: 0;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within {
|
||||
opacity: 1;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after {
|
||||
border: none;
|
||||
}
|
||||
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {
|
||||
visibility: visible;
|
||||
}
|
||||
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {
|
||||
border: none;
|
||||
}
|
||||
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Default block appender.
|
||||
*
|
||||
* This component shows up in 3 places:
|
||||
* - the black plus that sits at the end of the canvas, if the last block isn't a paragraph
|
||||
* - on the right, inside empty paragraphs
|
||||
* - absolute positioned and blue inside nesting containers
|
||||
*/
|
||||
.block-editor-default-block-appender {
|
||||
clear: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
}
|
||||
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-default-block-appender__content {
|
||||
opacity: 0.62;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .components-drop-zone__content-icon {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender .block-editor-inserter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-default-block-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Fixed position appender (right bottom corner).
|
||||
*
|
||||
* These styles apply to all in-canvas inserters. All in-canvas inserters always
|
||||
* exist within a block.
|
||||
*/
|
||||
.block-editor-block-list__block .block-list-appender {
|
||||
position: absolute;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender.block-list-appender {
|
||||
margin: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter:disabled {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender {
|
||||
height: 24px;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle {
|
||||
flex-direction: row;
|
||||
box-shadow: none;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
display: none;
|
||||
padding: 0 !important;
|
||||
background: #1e1e1e;
|
||||
color: #fff;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,
|
||||
.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content {
|
||||
display: none;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-child {
|
||||
position: relative;
|
||||
right: auto;
|
||||
align-self: center;
|
||||
list-style: none;
|
||||
line-height: inherit;
|
||||
}
|
||||
.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,
|
||||
.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-editor-default-block-appender__content {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.block-editor-iframe__body {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.block-editor-iframe__html {
|
||||
transform-origin: top center;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.block-editor-iframe__html {
|
||||
transition: background-color 400ms;
|
||||
}
|
||||
}
|
||||
.block-editor-iframe__html.zoom-out-animation {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));
|
||||
bottom: 0;
|
||||
overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out {
|
||||
transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
|
||||
scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
|
||||
background-color: var(--wp-editor-canvas-background);
|
||||
margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
|
||||
padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body {
|
||||
min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
|
||||
flex: 1;
|
||||
}
|
||||
.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder__cancel-button.is-link {
|
||||
margin: 1em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-media-placeholder.is-appender {
|
||||
min-height: 0;
|
||||
}
|
||||
.block-editor-media-placeholder.is-appender:hover {
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.block-editor-plain-text {
|
||||
box-shadow: none;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.rich-text [data-rich-text-placeholder] {
|
||||
pointer-events: none;
|
||||
}
|
||||
.rich-text [data-rich-text-placeholder]::after {
|
||||
content: attr(data-rich-text-placeholder);
|
||||
opacity: 0.62;
|
||||
}
|
||||
.rich-text:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
[data-rich-text-script] {
|
||||
display: inline;
|
||||
}
|
||||
[data-rich-text-script]::before {
|
||||
content: "</>";
|
||||
background: rgb(255, 255, 0);
|
||||
}
|
||||
|
||||
[data-rich-text-comment],
|
||||
[data-rich-text-format-boundary] {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
[data-rich-text-comment] {
|
||||
background-color: currentColor;
|
||||
}
|
||||
[data-rich-text-comment] span {
|
||||
filter: invert(100%);
|
||||
color: currentColor;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.rich-text [contenteditable=false]::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.block-editor-warning {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 1em;
|
||||
border: 1px solid #1e1e1e;
|
||||
border-radius: 2px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__message {
|
||||
line-height: 1.4;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 13px;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
}
|
||||
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
|
||||
min-height: auto;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__contents {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
width: 100%;
|
||||
gap: 12px;
|
||||
}
|
||||
.block-editor-warning .block-editor-warning__actions {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.components-popover.block-editor-warning__dropdown {
|
||||
z-index: 99998;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Default editor styles.
|
||||
*
|
||||
* These styles are shown if a theme does not register its own editor style,
|
||||
* a theme.json file, or has toggled off "Use theme styles" in preferences.
|
||||
*/
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
--wp--style--block-gap: 2em;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.editor-post-title__block {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
font-size: 2.5em;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body{--wp--style--block-gap:2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em}
|
||||
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Default editor styles.
|
||||
*
|
||||
* These styles are shown if a theme does not register its own editor style,
|
||||
* a theme.json file, or has toggled off "Use theme styles" in preferences.
|
||||
*/
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.5;
|
||||
--wp--style--block-gap: 2em;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.editor-post-title__block {
|
||||
margin-top: 2em;
|
||||
margin-bottom: 1em;
|
||||
font-size: 2.5em;
|
||||
font-weight: 800;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
body{--wp--style--block-gap:2em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px;line-height:1.5}p{line-height:1.8}.editor-post-title__block{font-size:2.5em;font-weight:800;margin-bottom:1em;margin-top:2em}
|
||||
+4564
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+4566
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
.wp-block-button__link {
|
||||
color: #fff;
|
||||
background-color: #32373c;
|
||||
border-radius: 9999px;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.wp-block-file__button {
|
||||
background: #32373c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading__toggle {
|
||||
background-color: inherit !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:not(:focus-visible) {
|
||||
outline: none;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
|
||||
text-decoration: none;
|
||||
background-color: inherit !important;
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: var(--wp--preset--spacing--20, 1em) 0;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:focus-visible {
|
||||
outline-offset: 0;
|
||||
outline: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}
|
||||
+41
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
.wp-block-button__link {
|
||||
color: #fff;
|
||||
background-color: #32373c;
|
||||
border-radius: 9999px;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.wp-block-file__button {
|
||||
background: #32373c;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-accordion-heading__toggle {
|
||||
background-color: inherit !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:not(:focus-visible) {
|
||||
outline: none;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
|
||||
text-decoration: none;
|
||||
background-color: inherit !important;
|
||||
box-shadow: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: var(--wp--preset--spacing--20, 1em) 0;
|
||||
}
|
||||
.wp-block-accordion-heading__toggle:focus-visible {
|
||||
outline-offset: 0;
|
||||
outline: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-button__link{background-color:#32373c;border-radius:9999px;box-shadow:none;color:#fff;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-file__button{background:#32373c;color:#fff}.wp-block-accordion-heading{margin:0}.wp-block-accordion-heading__toggle{background-color:inherit!important;color:inherit!important}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:focus,.wp-block-accordion-heading__toggle:hover{background-color:inherit!important;border:none;box-shadow:none;color:inherit;padding:var(--wp--preset--spacing--20,1em) 0;text-decoration:none}.wp-block-accordion-heading__toggle:focus-visible{outline:auto;outline-offset:0}
|
||||
+324
@@ -0,0 +1,324 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
:root .has-very-light-gray-background-color {
|
||||
background-color: #eee;
|
||||
}
|
||||
:root .has-very-dark-gray-background-color {
|
||||
background-color: #313131;
|
||||
}
|
||||
:root .has-very-light-gray-color {
|
||||
color: #eee;
|
||||
}
|
||||
:root .has-very-dark-gray-color {
|
||||
color: #313131;
|
||||
}
|
||||
:root {
|
||||
/* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
|
||||
}
|
||||
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
|
||||
}
|
||||
:root .has-purple-crush-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
|
||||
}
|
||||
:root .has-hazy-dawn-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
|
||||
}
|
||||
:root .has-subdued-olive-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
|
||||
}
|
||||
:root .has-atomic-cream-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
|
||||
}
|
||||
:root .has-nightshade-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
|
||||
}
|
||||
:root .has-midnight-gradient-background {
|
||||
background: linear-gradient(-135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
|
||||
}
|
||||
:root {
|
||||
/* stylelint-enable @stylistic/function-comma-space-after */
|
||||
--wp--preset--font-size--normal: 16px;
|
||||
--wp--preset--font-size--huge: 42px;
|
||||
}
|
||||
|
||||
.has-regular-font-size {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.has-larger-font-size {
|
||||
font-size: 2.625em;
|
||||
}
|
||||
|
||||
.has-normal-font-size {
|
||||
font-size: var(--wp--preset--font-size--normal);
|
||||
}
|
||||
|
||||
.has-huge-font-size {
|
||||
font-size: var(--wp--preset--font-size--huge);
|
||||
}
|
||||
|
||||
:root .has-text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:root .has-text-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:root .has-text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.has-fit-text {
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
#end-resizable-editor-section {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.items-justified-left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.items-justified-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.items-justified-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.items-justified-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: #ddd;
|
||||
clip-path: none;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
height: auto;
|
||||
right: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
/**
|
||||
* The following provide a simple means of applying a default border style when
|
||||
* a user first makes a selection in the border block support panel.
|
||||
* This prevents issues such as where the user could set a border width
|
||||
* and see no border due there being no border style set.
|
||||
*
|
||||
* This is intended to be removed once intelligent defaults can be set while
|
||||
* making border selections via the block support.
|
||||
*
|
||||
* See: https://github.com/WordPress/gutenberg/pull/33743
|
||||
*/
|
||||
html :where(.has-border-color) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-color]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-color]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-color]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-color]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-left-color]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-width]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-width]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-width]) {
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-width]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-left-width]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
/**
|
||||
* Provide baseline responsiveness for images.
|
||||
*/
|
||||
html :where(img[class*=wp-image-]) {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Reset user agent styles for figure element margins.
|
||||
*/
|
||||
:where(figure) {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
html :where(.is-position-sticky) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
html :where(.is-position-sticky) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: 0px;
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
|
||||
+330
@@ -0,0 +1,330 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
:root .has-very-light-gray-background-color {
|
||||
background-color: #eee;
|
||||
}
|
||||
:root .has-very-dark-gray-background-color {
|
||||
background-color: #313131;
|
||||
}
|
||||
:root .has-very-light-gray-color {
|
||||
color: #eee;
|
||||
}
|
||||
:root .has-very-dark-gray-color {
|
||||
color: #313131;
|
||||
}
|
||||
:root {
|
||||
/* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */
|
||||
}
|
||||
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(0, 208, 132) 0%, rgb(6, 147, 227) 100%);
|
||||
}
|
||||
:root .has-purple-crush-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(52, 226, 228) 0%, rgb(71, 33, 251) 50%, rgb(171, 29, 254) 100%);
|
||||
}
|
||||
:root .has-hazy-dawn-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(250, 172, 168) 0%, rgb(218, 208, 236) 100%);
|
||||
}
|
||||
:root .has-subdued-olive-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(250, 250, 225) 0%, rgb(103, 166, 113) 100%);
|
||||
}
|
||||
:root .has-atomic-cream-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(253, 215, 154) 0%, rgb(0, 74, 89) 100%);
|
||||
}
|
||||
:root .has-nightshade-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(51, 9, 104) 0%, rgb(49, 205, 207) 100%);
|
||||
}
|
||||
:root .has-midnight-gradient-background {
|
||||
background: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
|
||||
}
|
||||
:root {
|
||||
/* stylelint-enable @stylistic/function-comma-space-after */
|
||||
--wp--preset--font-size--normal: 16px;
|
||||
--wp--preset--font-size--huge: 42px;
|
||||
}
|
||||
|
||||
.has-regular-font-size {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.has-larger-font-size {
|
||||
font-size: 2.625em;
|
||||
}
|
||||
|
||||
.has-normal-font-size {
|
||||
font-size: var(--wp--preset--font-size--normal);
|
||||
}
|
||||
|
||||
.has-huge-font-size {
|
||||
font-size: var(--wp--preset--font-size--huge);
|
||||
}
|
||||
|
||||
:root .has-text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
:root .has-text-align-left {
|
||||
/*rtl:ignore*/
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:root .has-text-align-right {
|
||||
/*rtl:ignore*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.has-fit-text {
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
#end-resizable-editor-section {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.items-justified-left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.items-justified-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.items-justified-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.items-justified-space-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: #ddd;
|
||||
clip-path: none;
|
||||
color: #444;
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
height: auto;
|
||||
left: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
/**
|
||||
* The following provide a simple means of applying a default border style when
|
||||
* a user first makes a selection in the border block support panel.
|
||||
* This prevents issues such as where the user could set a border width
|
||||
* and see no border due there being no border style set.
|
||||
*
|
||||
* This is intended to be removed once intelligent defaults can be set while
|
||||
* making border selections via the block support.
|
||||
*
|
||||
* See: https://github.com/WordPress/gutenberg/pull/33743
|
||||
*/
|
||||
html :where(.has-border-color) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-color]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-color]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-color]) {
|
||||
/*rtl:ignore*/
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-color]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-left-color]) {
|
||||
/*rtl:ignore*/
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-width]) {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-top-width]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-right-width]) {
|
||||
/*rtl:ignore*/
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-bottom-width]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*=border-left-width]) {
|
||||
/*rtl:ignore*/
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
/**
|
||||
* Provide baseline responsiveness for images.
|
||||
*/
|
||||
html :where(img[class*=wp-image-]) {
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Reset user agent styles for figure element margins.
|
||||
*/
|
||||
:where(figure) {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
html :where(.is-position-sticky) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
html :where(.is-position-sticky) {
|
||||
/* stylelint-disable length-zero-no-unit -- 0px is set explicitly so that it can be used in a calc value. */
|
||||
--wp-admin--admin-bar--position-offset: 0px;
|
||||
/* stylelint-enable length-zero-no-unit */
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* Element styles for the editor
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: revert;
|
||||
}
|
||||
.wp-element-button[role=textbox] {
|
||||
cursor: text;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}
|
||||
@@ -0,0 +1,9 @@
|
||||
/**
|
||||
* Element styles for the editor
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: revert;
|
||||
}
|
||||
.wp-element-button[role=textbox] {
|
||||
cursor: text;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:revert}.wp-element-button[role=textbox]{cursor:text}
|
||||
+2829
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+2834
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:pointer}
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:pointer}
|
||||
+148
@@ -0,0 +1,148 @@
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Editor Normalization Styles
|
||||
*
|
||||
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
|
||||
* of the editor by themes.
|
||||
*/
|
||||
html :where(.editor-styles-wrapper) {
|
||||
font-family: serif;
|
||||
font-size: initial;
|
||||
line-height: initial;
|
||||
color: initial;
|
||||
background: #fff;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
|
||||
max-width: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) a {
|
||||
transition: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) code,
|
||||
:where(.editor-styles-wrapper) kbd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
font-family: monospace;
|
||||
}
|
||||
:where(.editor-styles-wrapper) p {
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul,
|
||||
:where(.editor-styles-wrapper) ol {
|
||||
margin: revert;
|
||||
padding: revert;
|
||||
list-style-type: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ul ol,
|
||||
:where(.editor-styles-wrapper) ol ul,
|
||||
:where(.editor-styles-wrapper) ol ol {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul li,
|
||||
:where(.editor-styles-wrapper) ol li {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ol ul {
|
||||
list-style-type: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) h1,
|
||||
:where(.editor-styles-wrapper) h2,
|
||||
:where(.editor-styles-wrapper) h3,
|
||||
:where(.editor-styles-wrapper) h4,
|
||||
:where(.editor-styles-wrapper) h5,
|
||||
:where(.editor-styles-wrapper) h6 {
|
||||
font-size: revert;
|
||||
margin: revert;
|
||||
color: revert;
|
||||
line-height: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select {
|
||||
font-family: system-ui;
|
||||
appearance: revert;
|
||||
color: revert;
|
||||
border: revert;
|
||||
border-radius: revert;
|
||||
background: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
outline: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
padding: revert;
|
||||
margin: revert;
|
||||
min-height: revert;
|
||||
max-width: revert;
|
||||
vertical-align: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select:disabled,
|
||||
:where(.editor-styles-wrapper) select:focus {
|
||||
color: revert;
|
||||
border-color: revert;
|
||||
background-color: revert;
|
||||
background-image: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}
|
||||
+148
@@ -0,0 +1,148 @@
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Editor Normalization Styles
|
||||
*
|
||||
* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming
|
||||
* of the editor by themes.
|
||||
*/
|
||||
html :where(.editor-styles-wrapper) {
|
||||
font-family: serif;
|
||||
font-size: initial;
|
||||
line-height: initial;
|
||||
color: initial;
|
||||
background: #fff;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
|
||||
max-width: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
|
||||
max-width: 840px;
|
||||
}
|
||||
:where(.editor-styles-wrapper) a {
|
||||
transition: none;
|
||||
}
|
||||
:where(.editor-styles-wrapper) code,
|
||||
:where(.editor-styles-wrapper) kbd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
font-family: monospace;
|
||||
}
|
||||
:where(.editor-styles-wrapper) p {
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul,
|
||||
:where(.editor-styles-wrapper) ol {
|
||||
margin: revert;
|
||||
padding: revert;
|
||||
list-style-type: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ul ol,
|
||||
:where(.editor-styles-wrapper) ol ul,
|
||||
:where(.editor-styles-wrapper) ol ol {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul li,
|
||||
:where(.editor-styles-wrapper) ol li {
|
||||
margin: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) ul ul,
|
||||
:where(.editor-styles-wrapper) ol ul {
|
||||
list-style-type: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) h1,
|
||||
:where(.editor-styles-wrapper) h2,
|
||||
:where(.editor-styles-wrapper) h3,
|
||||
:where(.editor-styles-wrapper) h4,
|
||||
:where(.editor-styles-wrapper) h5,
|
||||
:where(.editor-styles-wrapper) h6 {
|
||||
font-size: revert;
|
||||
margin: revert;
|
||||
color: revert;
|
||||
line-height: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select {
|
||||
font-family: system-ui;
|
||||
appearance: revert;
|
||||
color: revert;
|
||||
border: revert;
|
||||
border-radius: revert;
|
||||
background: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
outline: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
padding: revert;
|
||||
margin: revert;
|
||||
min-height: revert;
|
||||
max-width: revert;
|
||||
vertical-align: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
:where(.editor-styles-wrapper) select:disabled,
|
||||
:where(.editor-styles-wrapper) select:focus {
|
||||
color: revert;
|
||||
border-color: revert;
|
||||
background-color: revert;
|
||||
background-image: revert;
|
||||
box-shadow: revert;
|
||||
text-shadow: revert;
|
||||
cursor: revert;
|
||||
transform: revert;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
html :where(.editor-styles-wrapper){background:#fff;color:initial;font-family:serif;font-size:medium;line-height:normal}:where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,:where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}:where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}:where(.editor-styles-wrapper) a{transition:none}:where(.editor-styles-wrapper) code,:where(.editor-styles-wrapper) kbd{background:inherit;font-family:monospace;font-size:inherit;margin:0;padding:0}:where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) ol,:where(.editor-styles-wrapper) ul{box-sizing:border-box;list-style-type:revert;margin:revert;padding:revert}:where(.editor-styles-wrapper) ol ol,:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ol,:where(.editor-styles-wrapper) ul ul{margin:revert}:where(.editor-styles-wrapper) ol li,:where(.editor-styles-wrapper) ul li{margin:revert}:where(.editor-styles-wrapper) ol ul,:where(.editor-styles-wrapper) ul ul{list-style-type:revert}:where(.editor-styles-wrapper) h1,:where(.editor-styles-wrapper) h2,:where(.editor-styles-wrapper) h3,:where(.editor-styles-wrapper) h4,:where(.editor-styles-wrapper) h5,:where(.editor-styles-wrapper) h6{color:revert;font-size:revert;font-weight:revert;line-height:revert;margin:revert}:where(.editor-styles-wrapper) select{appearance:revert;background:revert;border:revert;border-radius:revert;box-shadow:revert;color:revert;cursor:revert;font-family:system-ui;font-size:revert;font-weight:revert;line-height:revert;margin:revert;max-width:revert;min-height:revert;outline:revert;padding:revert;text-shadow:revert;transform:revert;vertical-align:revert}:where(.editor-styles-wrapper) select:disabled,:where(.editor-styles-wrapper) select:focus{background-color:revert;background-image:revert;border-color:revert;box-shadow:revert;color:revert;cursor:revert;text-shadow:revert;transform:revert}
|
||||
+4964
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+5003
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+255
@@ -0,0 +1,255 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
.wp-block-audio :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-audio {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-code {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
padding: 0.8em 1em;
|
||||
}
|
||||
|
||||
.wp-block-embed :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.blocks-gallery-caption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .blocks-gallery-caption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
:root :where(.wp-block-image figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme :root :where(.wp-block-image figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top: 4px solid currentColor;
|
||||
border-bottom: 4px solid currentColor;
|
||||
margin-bottom: 1.75em;
|
||||
color: currentColor;
|
||||
}
|
||||
.wp-block-pullquote :where(cite),
|
||||
.wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
|
||||
color: currentColor;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8125em;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-right: 0.25em solid currentColor;
|
||||
margin: 0 0 1.75em 0;
|
||||
padding-right: 1em;
|
||||
}
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer {
|
||||
color: currentColor;
|
||||
font-size: 0.8125em;
|
||||
position: relative;
|
||||
font-style: normal;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-right) {
|
||||
border-right: none;
|
||||
border-left: 0.25em solid currentColor;
|
||||
padding-right: 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-center) {
|
||||
border: none;
|
||||
padding-right: 0;
|
||||
}
|
||||
.wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wp-block-search .wp-block-search__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wp-block-search__button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.375em 0.625em;
|
||||
}
|
||||
|
||||
:where(.wp-block-group.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
}
|
||||
|
||||
.wp-block-separator.has-css-opacity {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.wp-block-separator {
|
||||
border: none;
|
||||
border-bottom: 2px solid currentColor;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.wp-block-separator.has-alpha-channel-opacity {
|
||||
opacity: initial;
|
||||
}
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
width: 100px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-dots) {
|
||||
border-bottom: none;
|
||||
height: 1px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.wp-block-table {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-table :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-table :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-video :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
:root :where(.wp-block-template-part.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:.25em solid;border-right:none;padding-left:1em;padding-right:0}.wp-block-quote:where(.has-text-align-center){border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
|
||||
+255
@@ -0,0 +1,255 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
.wp-block-audio :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-audio {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-code {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
padding: 0.8em 1em;
|
||||
}
|
||||
|
||||
.wp-block-embed :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-embed {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.blocks-gallery-caption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .blocks-gallery-caption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
:root :where(.wp-block-image figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme :root :where(.wp-block-image figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-image {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-pullquote {
|
||||
border-top: 4px solid currentColor;
|
||||
border-bottom: 4px solid currentColor;
|
||||
margin-bottom: 1.75em;
|
||||
color: currentColor;
|
||||
}
|
||||
.wp-block-pullquote :where(cite),
|
||||
.wp-block-pullquote :where(footer), .wp-block-pullquote__citation {
|
||||
color: currentColor;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.8125em;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-block-quote {
|
||||
border-left: 0.25em solid currentColor;
|
||||
margin: 0 0 1.75em 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.wp-block-quote cite,
|
||||
.wp-block-quote footer {
|
||||
color: currentColor;
|
||||
font-size: 0.8125em;
|
||||
position: relative;
|
||||
font-style: normal;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-right) {
|
||||
border-left: none;
|
||||
border-right: 0.25em solid currentColor;
|
||||
padding-left: 0;
|
||||
padding-right: 1em;
|
||||
}
|
||||
.wp-block-quote:where(.has-text-align-center) {
|
||||
border: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.wp-block-quote:where(.is-style-plain), .wp-block-quote.is-style-large, .wp-block-quote.is-large {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wp-block-search .wp-block-search__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wp-block-search__button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.375em 0.625em;
|
||||
}
|
||||
|
||||
:where(.wp-block-group.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
}
|
||||
|
||||
.wp-block-separator.has-css-opacity {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.wp-block-separator {
|
||||
border: none;
|
||||
border-bottom: 2px solid currentColor;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.wp-block-separator.has-alpha-channel-opacity {
|
||||
opacity: initial;
|
||||
}
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
width: 100px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-dots) {
|
||||
border-bottom: none;
|
||||
height: 1px;
|
||||
}
|
||||
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
|
||||
height: 2px;
|
||||
}
|
||||
|
||||
.wp-block-table {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-table :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-table :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video :where(figcaption) {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-video :where(figcaption) {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
:root :where(.wp-block-template-part.has-background) {
|
||||
padding: 1.25em 2.375em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
|
||||
+267
@@ -0,0 +1,267 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.commands-command-menu {
|
||||
border-radius: 4px;
|
||||
width: calc(100% - 32px);
|
||||
margin: auto;
|
||||
max-width: 400px;
|
||||
position: relative;
|
||||
top: calc(5% + 64px);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.commands-command-menu {
|
||||
top: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
.commands-command-menu .components-modal__content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.commands-command-menu__overlay {
|
||||
display: block;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.commands-command-menu__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.commands-command-menu__header .components-button {
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
border: 1px solid #949494;
|
||||
border-left: 0;
|
||||
justify-content: center;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.commands-command-menu__header .components-button + [cmdk-input] {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__header-search-icon:dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.commands-command-menu__container {
|
||||
will-change: transform;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input] {
|
||||
border: none;
|
||||
width: 100%;
|
||||
padding: 16px 4px;
|
||||
outline: none;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]::placeholder {
|
||||
color: #757575;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] {
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true], .commands-command-menu__container [cmdk-item]:active {
|
||||
background: var(--wp-admin-theme-color);
|
||||
color: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] svg, .commands-command-menu__container [cmdk-item]:active svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-disabled=true] {
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] svg {
|
||||
fill: #1e1e1e;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > div {
|
||||
min-height: 40px;
|
||||
padding: 4px;
|
||||
padding-right: 40px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > .has-icon {
|
||||
padding-right: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
|
||||
max-height: 368px;
|
||||
overflow: auto;
|
||||
scroll-padding-top: 8px;
|
||||
scroll-padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)), .commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-empty]) {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)) {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group]:last-child [cmdk-group-items]:not(:empty) {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-empty] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
white-space: pre-wrap;
|
||||
color: #1e1e1e;
|
||||
padding: 8px 0 32px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-loading] {
|
||||
padding: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-list-sizer] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-label {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-category {
|
||||
flex: 0 0 auto;
|
||||
margin-right: auto;
|
||||
padding-right: 24px;
|
||||
color: #757575;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
text-align: left;
|
||||
}
|
||||
[aria-selected=true] .commands-command-menu__item-category, [cmdk-item]:active .commands-command-menu__item-category {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.commands-command-menu__item mark {
|
||||
color: inherit;
|
||||
background: unset;
|
||||
font-weight: 600;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.commands-command-menu{border-radius:4px;margin:auto;max-width:400px;position:relative;top:calc(5% + 64px);width:calc(100% - 32px)}@media (min-width:600px){.commands-command-menu{top:calc(10% + 64px)}}.commands-command-menu .components-modal__content{margin:0;overflow:hidden;padding:0}.commands-command-menu__overlay{align-items:start;display:block}.commands-command-menu__header{align-items:center;display:flex;gap:8px;padding:0 16px}.commands-command-menu__header .components-button{border:1px solid #949494;border-left:0;border-radius:0 2px 2px 0;height:56px;justify-content:center;width:56px}.commands-command-menu__header .components-button+[cmdk-input]{border-bottom-right-radius:0;border-top-right-radius:0}.commands-command-menu__header-search-icon:dir(ltr){transform:scaleX(-1)}.commands-command-menu__container{will-change:transform}.commands-command-menu__container [cmdk-input]{border:none;border-radius:0;color:#1e1e1e;font-size:15px;line-height:24px;margin:0;outline:none;padding:16px 4px;width:100%}.commands-command-menu__container [cmdk-input]::placeholder{color:#757575}.commands-command-menu__container [cmdk-input]:focus{box-shadow:none;outline:none}.commands-command-menu__container [cmdk-item]{align-items:center;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;font-size:13px}.commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{fill:#fff}.commands-command-menu__container [cmdk-item][aria-disabled=true]{color:#949494;cursor:not-allowed}.commands-command-menu__container [cmdk-item] svg{fill:#1e1e1e}.commands-command-menu__container [cmdk-item]>div{min-height:40px;padding:4px 40px 4px 16px}.commands-command-menu__container [cmdk-item]>.has-icon{padding-right:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:368px;overflow:auto;scroll-padding-bottom:8px;scroll-padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-empty]),.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){border-top:1px solid #ddd}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){padding-bottom:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px}.commands-command-menu__container [cmdk-empty]{align-items:center;color:#1e1e1e;display:flex;justify-content:center;padding:8px 0 32px;white-space:pre-wrap}.commands-command-menu__container [cmdk-loading]{padding:16px}.commands-command-menu__container [cmdk-list-sizer]{position:relative}.commands-command-menu__item-label{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands-command-menu__item-category{color:#757575;flex:0 0 auto;font-size:13px;line-height:1.4;margin-right:auto;padding-right:24px;text-align:left}[aria-selected=true] .commands-command-menu__item-category,[cmdk-item]:active .commands-command-menu__item-category{color:#fffc}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:600}
|
||||
+267
@@ -0,0 +1,267 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.commands-command-menu {
|
||||
border-radius: 4px;
|
||||
width: calc(100% - 32px);
|
||||
margin: auto;
|
||||
max-width: 400px;
|
||||
position: relative;
|
||||
top: calc(5% + 64px);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.commands-command-menu {
|
||||
top: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
.commands-command-menu .components-modal__content {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.commands-command-menu__overlay {
|
||||
display: block;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.commands-command-menu__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 0 16px;
|
||||
}
|
||||
.commands-command-menu__header .components-button {
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
border: 1px solid #949494;
|
||||
border-right: 0;
|
||||
justify-content: center;
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.commands-command-menu__header .components-button + [cmdk-input] {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__header-search-icon:dir(ltr) {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.commands-command-menu__container {
|
||||
will-change: transform;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input] {
|
||||
border: none;
|
||||
width: 100%;
|
||||
padding: 16px 4px;
|
||||
outline: none;
|
||||
color: #1e1e1e;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]::placeholder {
|
||||
color: #757575;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-input]:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] {
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #1e1e1e;
|
||||
font-size: 13px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true], .commands-command-menu__container [cmdk-item]:active {
|
||||
background: var(--wp-admin-theme-color);
|
||||
color: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-selected=true] svg, .commands-command-menu__container [cmdk-item]:active svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item][aria-disabled=true] {
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] svg {
|
||||
fill: #1e1e1e;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > div {
|
||||
min-height: 40px;
|
||||
padding: 4px;
|
||||
padding-left: 40px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-item] > .has-icon {
|
||||
padding-left: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] {
|
||||
max-height: 368px;
|
||||
overflow: auto;
|
||||
scroll-padding-top: 8px;
|
||||
scroll-padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)), .commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-empty]) {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list]:has([cmdk-group-items]:not(:empty)) {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group]:last-child [cmdk-group-items]:not(:empty) {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-root] > [cmdk-list] [cmdk-list-sizer] > [cmdk-group] > [cmdk-group-items]:not(:empty) {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-empty] {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
white-space: pre-wrap;
|
||||
color: #1e1e1e;
|
||||
padding: 8px 0 32px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-loading] {
|
||||
padding: 16px;
|
||||
}
|
||||
.commands-command-menu__container [cmdk-list-sizer] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-label {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.commands-command-menu__item-category {
|
||||
flex: 0 0 auto;
|
||||
margin-left: auto;
|
||||
padding-left: 24px;
|
||||
color: #757575;
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
text-align: right;
|
||||
}
|
||||
[aria-selected=true] .commands-command-menu__item-category, [cmdk-item]:active .commands-command-menu__item-category {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.commands-command-menu__item mark {
|
||||
color: inherit;
|
||||
background: unset;
|
||||
font-weight: 600;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.commands-command-menu{border-radius:4px;margin:auto;max-width:400px;position:relative;top:calc(5% + 64px);width:calc(100% - 32px)}@media (min-width:600px){.commands-command-menu{top:calc(10% + 64px)}}.commands-command-menu .components-modal__content{margin:0;overflow:hidden;padding:0}.commands-command-menu__overlay{align-items:start;display:block}.commands-command-menu__header{align-items:center;display:flex;gap:8px;padding:0 16px}.commands-command-menu__header .components-button{border:1px solid #949494;border-radius:2px 0 0 2px;border-right:0;height:56px;justify-content:center;width:56px}.commands-command-menu__header .components-button+[cmdk-input]{border-bottom-left-radius:0;border-top-left-radius:0}.commands-command-menu__header-search-icon:dir(ltr){transform:scaleX(-1)}.commands-command-menu__container{will-change:transform}.commands-command-menu__container [cmdk-input]{border:none;border-radius:0;color:#1e1e1e;font-size:15px;line-height:24px;margin:0;outline:none;padding:16px 4px;width:100%}.commands-command-menu__container [cmdk-input]::placeholder{color:#757575}.commands-command-menu__container [cmdk-input]:focus{box-shadow:none;outline:none}.commands-command-menu__container [cmdk-item]{align-items:center;border-radius:2px;color:#1e1e1e;cursor:pointer;display:flex;font-size:13px}.commands-command-menu__container [cmdk-item]:active,.commands-command-menu__container [cmdk-item][aria-selected=true]{background:var(--wp-admin-theme-color);color:#fff}.commands-command-menu__container [cmdk-item]:active svg,.commands-command-menu__container [cmdk-item][aria-selected=true] svg{fill:#fff}.commands-command-menu__container [cmdk-item][aria-disabled=true]{color:#949494;cursor:not-allowed}.commands-command-menu__container [cmdk-item] svg{fill:#1e1e1e}.commands-command-menu__container [cmdk-item]>div{min-height:40px;padding:4px 16px 4px 40px}.commands-command-menu__container [cmdk-item]>.has-icon{padding-left:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]{max-height:368px;overflow:auto;scroll-padding-bottom:8px;scroll-padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-empty]),.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){border-top:1px solid #ddd}.commands-command-menu__container [cmdk-root]>[cmdk-list]:has([cmdk-group-items]:not(:empty)){padding-top:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]:last-child [cmdk-group-items]:not(:empty){padding-bottom:8px}.commands-command-menu__container [cmdk-root]>[cmdk-list] [cmdk-list-sizer]>[cmdk-group]>[cmdk-group-items]:not(:empty){padding:0 8px}.commands-command-menu__container [cmdk-empty]{align-items:center;color:#1e1e1e;display:flex;justify-content:center;padding:8px 0 32px;white-space:pre-wrap}.commands-command-menu__container [cmdk-loading]{padding:16px}.commands-command-menu__container [cmdk-list-sizer]{position:relative}.commands-command-menu__item-label{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commands-command-menu__item-category{color:#757575;flex:0 0 auto;font-size:13px;line-height:1.4;margin-left:auto;padding-left:24px;text-align:right}[aria-selected=true] .commands-command-menu__item-category,[cmdk-item]:active .commands-command-menu__item-category{color:#fffc}.commands-command-menu__item mark{background:unset;color:inherit;font-weight:600}
|
||||
+3919
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+3932
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,326 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector {
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector {
|
||||
margin: -12px;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.customize-widgets-header {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header.is-fixed-toolbar-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-header {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: -15px -12px 0 -12px;
|
||||
background: #f0f0f1;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-widgets-header-toolbar {
|
||||
display: flex;
|
||||
border: none;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon {
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
margin: 12px auto 12px 0;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
|
||||
content: none;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
|
||||
margin-right: -12px;
|
||||
}
|
||||
|
||||
#customize-sidebar-outer-content {
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
#customize-outer-theme-controls .widgets-inserter {
|
||||
padding: 0;
|
||||
}
|
||||
#customize-outer-theme-controls .widgets-inserter .customize-section-description-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
height: 46px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section {
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section-title {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
padding: 0.6rem 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty {
|
||||
display: none;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
|
||||
font-weight: 600;
|
||||
margin: 0 1rem 0 0;
|
||||
text-align: left;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-description {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
display: block;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key {
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 8%;
|
||||
margin: 0 0.2rem 0 0.2rem;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
|
||||
margin: 0 0.2rem 0 0;
|
||||
}
|
||||
|
||||
.components-popover.more-menu-dropdown__content {
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
|
||||
position: fixed !important;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.customize-widgets-popover .components-popover,
|
||||
.customize-control-sidebar_block_editor .components-popover {
|
||||
position: fixed !important;
|
||||
}
|
||||
|
||||
.customize-widgets-welcome-guide__image__wrapper {
|
||||
background: #00a0d2;
|
||||
text-align: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.customize-widgets-welcome-guide__image {
|
||||
height: auto;
|
||||
}
|
||||
.wrap .customize-widgets-welcome-guide__heading {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.customize-widgets-welcome-guide__text {
|
||||
line-height: 1.7;
|
||||
}
|
||||
.customize-widgets-welcome-guide__button {
|
||||
justify-content: center;
|
||||
margin: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
.customize-widgets-welcome-guide__separator {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.customize-widgets-welcome-guide__more-info {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
|
||||
overflow: unset;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {
|
||||
min-height: 100%;
|
||||
background-color: #fff;
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title {
|
||||
position: static !important;
|
||||
margin-top: -12px !important;
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
.components-modal__screen-overlay {
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor,
|
||||
.customize-widgets-layout__inspector {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.customize-control-sidebar_block_editor *,
|
||||
.customize-control-sidebar_block_editor *::before,
|
||||
.customize-control-sidebar_block_editor *::after,
|
||||
.customize-widgets-layout__inspector *,
|
||||
.customize-widgets-layout__inspector *::before,
|
||||
.customize-widgets-layout__inspector *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+326
@@ -0,0 +1,326 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector {
|
||||
background: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector {
|
||||
margin: -12px;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.customize-widgets-header {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header.is-fixed-toolbar-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-header {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: -15px -12px 0 -12px;
|
||||
background: #f0f0f1;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-widgets-header-toolbar {
|
||||
display: flex;
|
||||
border: none;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon {
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
margin: 12px 0 12px auto;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
|
||||
content: none;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon svg {
|
||||
transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed svg {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button {
|
||||
margin-left: -12px;
|
||||
}
|
||||
|
||||
#customize-sidebar-outer-content {
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
#customize-outer-theme-controls .widgets-inserter {
|
||||
padding: 0;
|
||||
}
|
||||
#customize-outer-theme-controls .widgets-inserter .customize-section-description-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-layout__inserter-panel-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 16px;
|
||||
height: 46px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section {
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__section-title {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
padding: 0.6rem 0;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty {
|
||||
display: none;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-term {
|
||||
font-weight: 600;
|
||||
margin: 0 0 0 1rem;
|
||||
text-align: right;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-description {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
display: block;
|
||||
background: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key {
|
||||
padding: 0.25rem 0.5rem;
|
||||
border-radius: 8%;
|
||||
margin: 0 0.2rem 0 0.2rem;
|
||||
}
|
||||
.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child {
|
||||
margin: 0 0 0 0.2rem;
|
||||
}
|
||||
|
||||
.components-popover.more-menu-dropdown__content {
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
|
||||
position: fixed !important;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.customize-widgets-popover .components-popover,
|
||||
.customize-control-sidebar_block_editor .components-popover {
|
||||
position: fixed !important;
|
||||
}
|
||||
|
||||
.customize-widgets-welcome-guide__image__wrapper {
|
||||
background: #00a0d2;
|
||||
text-align: center;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.customize-widgets-welcome-guide__image {
|
||||
height: auto;
|
||||
}
|
||||
.wrap .customize-widgets-welcome-guide__heading {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.customize-widgets-welcome-guide__text {
|
||||
line-height: 1.7;
|
||||
}
|
||||
.customize-widgets-welcome-guide__button {
|
||||
justify-content: center;
|
||||
margin: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
.customize-widgets-welcome-guide__separator {
|
||||
margin: 1em 0;
|
||||
}
|
||||
.customize-widgets-welcome-guide__more-info {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
|
||||
overflow: unset;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section {
|
||||
min-height: 100%;
|
||||
background-color: #fff;
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title {
|
||||
position: static !important;
|
||||
margin-top: -12px !important;
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
.components-modal__screen-overlay {
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.customize-control-sidebar_block_editor,
|
||||
.customize-widgets-layout__inspector {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.customize-control-sidebar_block_editor *,
|
||||
.customize-control-sidebar_block_editor *::before,
|
||||
.customize-control-sidebar_block_editor *::after,
|
||||
.customize-widgets-layout__inspector *,
|
||||
.customize-widgets-layout__inspector *::before,
|
||||
.customize-widgets-layout__inspector *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+166
@@ -0,0 +1,166 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
|
||||
margin-right: -8px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
html :where(.wp-block) {
|
||||
max-width: 840px;
|
||||
margin-top: 28px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=wide] {
|
||||
max-width: 1100px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=full] {
|
||||
max-width: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before {
|
||||
content: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left] > * {
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
}
|
||||
html :where(.wp-block)[data-align=right] > * {
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
}
|
||||
html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group > [data-align=full] {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background > [data-align=full] {
|
||||
margin-right: -30px;
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Group: Full Width Alignment
|
||||
*/
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-right: 14px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
[data-align=full] .wp-block-group > [data-align=full] {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
[data-align=full] .wp-block-group.has-background > [data-align=full] {
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block{margin-left:auto;margin-right:auto}.editor-styles-wrapper{padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-right:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{max-width:none;padding-left:0;padding-right:0;right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)}
|
||||
+170
@@ -0,0 +1,170 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex, .is-layout-grid)) > .wp-block {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.editor-styles-wrapper {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
|
||||
margin-left: -8px;
|
||||
margin-right: -8px;
|
||||
}
|
||||
|
||||
html :where(.wp-block) {
|
||||
max-width: 840px;
|
||||
margin-top: 28px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=wide] {
|
||||
max-width: 1100px;
|
||||
}
|
||||
html :where(.wp-block)[data-align=full] {
|
||||
max-width: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left], html :where(.wp-block)[data-align=right] {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left]::before, html :where(.wp-block)[data-align=right]::before {
|
||||
content: none;
|
||||
}
|
||||
html :where(.wp-block)[data-align=left] > * {
|
||||
/*!rtl:begin:ignore*/
|
||||
float: left;
|
||||
margin-right: 2em;
|
||||
/*!rtl:end:ignore*/
|
||||
}
|
||||
html :where(.wp-block)[data-align=right] > * {
|
||||
/*!rtl:begin:ignore*/
|
||||
float: right;
|
||||
margin-left: 2em;
|
||||
/*!rtl:end:ignore*/
|
||||
}
|
||||
html :where(.wp-block)[data-align=full], html :where(.wp-block)[data-align=wide] {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.wp-block-group > [data-align=full] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-block-group.has-background > [data-align=full] {
|
||||
margin-left: -30px;
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Group: Full Width Alignment
|
||||
*/
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
[data-align=full] .wp-block-group > .wp-block {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
[data-align=full] .wp-block-group > [data-align=full] {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
[data-align=full] .wp-block-group.has-background > [data-align=full] {
|
||||
width: calc(100% + 60px);
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.editor-styles-wrapper :where(:not(.is-layout-flex,.is-layout-grid))>.wp-block{margin-left:auto;margin-right:auto}.editor-styles-wrapper{padding:8px}html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}html :where(.wp-block){margin-bottom:28px;margin-top:28px;max-width:840px}html :where(.wp-block)[data-align=wide]{max-width:1100px}html :where(.wp-block)[data-align=full]{max-width:none}html :where(.wp-block)[data-align=left],html :where(.wp-block)[data-align=right]{height:0;width:100%}html :where(.wp-block)[data-align=left]:before,html :where(.wp-block)[data-align=right]:before{content:none}html :where(.wp-block)[data-align=left]>*{float:left;margin-right:2em}html :where(.wp-block)[data-align=right]>*{float:right;margin-left:2em}html :where(.wp-block)[data-align=full],html :where(.wp-block)[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-left:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{left:0;max-width:none;padding-left:0;padding-right:0;width:100%}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)}
|
||||
+649
@@ -0,0 +1,649 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-ui-page {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
flex-flow: column;
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
.admin-ui-page__header {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
|
||||
background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-title {
|
||||
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
||||
font-size: var(--wpds-font-size-xl, 20px);
|
||||
font-weight: var(--wpds-font-weight-medium, 499);
|
||||
line-height: var(--wpds-font-line-height-xl, 32px);
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.admin-ui-page__sidebar-toggle-slot:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-subtitle {
|
||||
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
||||
color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
|
||||
font-size: var(--wpds-font-size-md, 13px);
|
||||
line-height: var(--wpds-font-line-height-md, 24px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.admin-ui-page__content {
|
||||
flex-grow: 1;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.admin-ui-page__content.has-padding {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
|
||||
width: auto;
|
||||
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
|
||||
content: attr(aria-label);
|
||||
font-size: var(--wpds-font-size-sm, 12px);
|
||||
}
|
||||
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
.admin-ui-breadcrumbs__list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 0;
|
||||
font-size: 15px;
|
||||
min-height: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
||||
content: "/";
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list h1 {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle {
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
z-index: 100;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button {
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover, .edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active {
|
||||
color: #fff;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img {
|
||||
background: #1e1e1e;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__icon {
|
||||
fill: currentColor;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
background: #333;
|
||||
aspect-ratio: 1/1;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close.components-button:focus {
|
||||
position: relative;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__back-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: hsl(0, 0%, 80%);
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon.has-site-icon {
|
||||
background-color: hsla(0, 0%, 100%, 0.6);
|
||||
backdrop-filter: saturate(180%) blur(15px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Show icon label overrides.
|
||||
*/
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
|
||||
width: 64px;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
|
||||
display: block;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main {
|
||||
filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
|
||||
outline: 1px solid transparent;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
box-shadow: 0 1px #ddd;
|
||||
outline: 1px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 32px;
|
||||
}
|
||||
@media (pointer: coarse) {
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button {
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
touch-action: none;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-inline: 24px 12px;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:is(:hover, :focus-visible) {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:focus-visible::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: var(--wp-admin-border-width-focus);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] > svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator] {
|
||||
cursor: row-resize;
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: inherit;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
content: "";
|
||||
background-color: #ddd;
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
position: absolute;
|
||||
inset-block: calc(50% - 4px / 2) auto;
|
||||
transform: translateX(50%);
|
||||
width: inherit;
|
||||
height: 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
transition: width 0.3s ease-out;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]:is(:hover, :focus)::before {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
overflow: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-main__liner {
|
||||
isolation: isolate;
|
||||
}
|
||||
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
display: unset;
|
||||
}
|
||||
|
||||
.edit-post-layout__metaboxes {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor {
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0%;
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.edit-post-layout__snackbar {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-layout__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area {
|
||||
position: relative;
|
||||
/**
|
||||
* The wordpress default for most meta-box elements is content-box. Some
|
||||
* elements such as textarea and input are set to border-box in forms.css.
|
||||
* These elements therefore specifically set back to border-box here, while
|
||||
* other elements (such as .button) are unaffected by Gutenberg's style
|
||||
* because of their higher specificity.
|
||||
*/
|
||||
}
|
||||
.edit-post-meta-boxes-area__container,
|
||||
.edit-post-meta-boxes-area .inside {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area textarea,
|
||||
.edit-post-meta-boxes-area input {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox-header {
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Match width and positioning of the meta boxes. Override default styles. */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff {
|
||||
margin: 0 auto;
|
||||
padding-top: 0;
|
||||
min-width: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Override Default meta box stylings */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff h3.hndle,
|
||||
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
|
||||
.edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
font-weight: 600;
|
||||
outline: none;
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox {
|
||||
border: 0;
|
||||
color: inherit;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox > .inside {
|
||||
color: inherit;
|
||||
padding: 0 24px 24px;
|
||||
margin: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox .handlediv {
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
}
|
||||
.edit-post-meta-boxes-area.is-loading::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
background: transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-post-meta-boxes-area .components-spinner {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 20px;
|
||||
z-index: 5;
|
||||
}
|
||||
.edit-post-meta-boxes-area .is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area__clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.edit-post-welcome-guide,
|
||||
.edit-template-welcome-guide {
|
||||
width: 312px;
|
||||
}
|
||||
.edit-post-welcome-guide__image,
|
||||
.edit-template-welcome-guide__image {
|
||||
background: #00a0d2;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.edit-post-welcome-guide__image > img,
|
||||
.edit-template-welcome-guide__image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.edit-post-welcome-guide__heading,
|
||||
.edit-template-welcome-guide__heading {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
margin: 16px 0 16px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__text,
|
||||
.edit-template-welcome-guide__text {
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0 0 24px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__inserter-icon,
|
||||
.edit-template-welcome-guide__inserter-icon {
|
||||
margin: 0 4px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.edit-post-welcome-guide .components-button:hover svg,
|
||||
.edit-template-welcome-guide .components-button:hover svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.edit-template-welcome-guide .components-button svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
body.js.block-editor-page {
|
||||
background: #fff;
|
||||
}
|
||||
body.js.block-editor-page #wpcontent {
|
||||
padding-right: 0;
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
body.js.block-editor-page {
|
||||
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
|
||||
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page #wpfooter {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page .a11y-speak-region {
|
||||
right: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
|
||||
body.js.block-editor-page ul#adminmenu > li.current > a.current::after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor.is-iframed {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-visual-editor.is-iframed *,
|
||||
.edit-post-visual-editor.is-iframed *::before,
|
||||
.edit-post-visual-editor.is-iframed *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.block-editor__container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
min-height: calc(100vh - 46px);
|
||||
}
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor__container {
|
||||
min-height: calc(100vh - 32px);
|
||||
}
|
||||
body.is-fullscreen-mode .block-editor__container {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
.block-editor__container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+649
@@ -0,0 +1,649 @@
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Focus styles.
|
||||
*/
|
||||
/**
|
||||
* Applies editor left position to the selector passed as argument
|
||||
*/
|
||||
/**
|
||||
* Styles that are reused verbatim in a few places
|
||||
*/
|
||||
/**
|
||||
* Allows users to opt-out of animations via OS-level preferences.
|
||||
*/
|
||||
/**
|
||||
* Reset default styles for JavaScript UI based pages.
|
||||
* This is a WP-admin agnostic reset
|
||||
*/
|
||||
/**
|
||||
* Reset the WP Admin page styles for Gutenberg-like pages.
|
||||
*/
|
||||
/**
|
||||
* Creates a checkerboard pattern background to indicate transparency.
|
||||
* @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
|
||||
*/
|
||||
:root {
|
||||
--wp-block-synced-color: #7a00df;
|
||||
--wp-block-synced-color--rgb: 122, 0, 223;
|
||||
--wp-bound-block-color: var(--wp-block-synced-color);
|
||||
--wp-editor-canvas-background: #ddd;
|
||||
--wp-admin-theme-color: #007cba;
|
||||
--wp-admin-theme-color--rgb: 0, 124, 186;
|
||||
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
||||
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.admin-ui-page {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
flex-flow: column;
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
.admin-ui-page__header {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
|
||||
background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-title {
|
||||
font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
|
||||
font-size: var(--wpds-font-size-xl, 20px);
|
||||
font-weight: var(--wpds-font-weight-medium, 499);
|
||||
line-height: var(--wpds-font-line-height-xl, 32px);
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.admin-ui-page__sidebar-toggle-slot:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.admin-ui-page__header-subtitle {
|
||||
padding-block-end: var(--wpds-dimension-padding-xs, 4px);
|
||||
color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
|
||||
font-size: var(--wpds-font-size-md, 13px);
|
||||
line-height: var(--wpds-font-line-height-md, 24px);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.admin-ui-page__content {
|
||||
flex-grow: 1;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.admin-ui-page__content.has-padding {
|
||||
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
|
||||
width: auto;
|
||||
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
|
||||
content: attr(aria-label);
|
||||
font-size: var(--wpds-font-size-sm, 12px);
|
||||
}
|
||||
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
.admin-ui-breadcrumbs__list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 0;
|
||||
font-size: 15px;
|
||||
min-height: 32px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list li:not(:last-child)::after {
|
||||
content: "/";
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.admin-ui-breadcrumbs__list h1 {
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle {
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
z-index: 100;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button {
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover, .edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active {
|
||||
color: #fff;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
|
||||
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img {
|
||||
background: #1e1e1e;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__icon {
|
||||
fill: currentColor;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close-site-icon__image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
background: #333;
|
||||
aspect-ratio: 1/1;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close.components-button:focus {
|
||||
position: relative;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close.components-button:focus::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
|
||||
}
|
||||
|
||||
.edit-post-fullscreen-mode-close__back-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: hsl(0, 0%, 80%);
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-fullscreen-mode-close__back-icon.has-site-icon {
|
||||
background-color: hsla(0, 0%, 100%, 0.6);
|
||||
backdrop-filter: saturate(180%) blur(15px);
|
||||
}
|
||||
|
||||
/**
|
||||
* Show icon label overrides.
|
||||
*/
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon {
|
||||
width: 64px;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg {
|
||||
display: block;
|
||||
}
|
||||
.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main {
|
||||
filter: drop-shadow(0 -1px rgba(0, 0, 0, 0.133));
|
||||
outline: 1px solid transparent;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
box-shadow: 0 1px #ddd;
|
||||
outline: 1px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 32px;
|
||||
}
|
||||
@media (pointer: coarse) {
|
||||
.edit-post-meta-boxes-main__presenter {
|
||||
height: 36px;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button {
|
||||
appearance: none;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
touch-action: none;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-inline: 24px 12px;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:is(:hover, :focus-visible) {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded]:focus-visible::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: var(--wp-admin-border-width-focus);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[aria-expanded] > svg {
|
||||
fill: currentColor;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator] {
|
||||
cursor: row-resize;
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: inherit;
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
content: "";
|
||||
background-color: #ddd;
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: -2px;
|
||||
position: absolute;
|
||||
inset-block: calc(50% - 4px / 2) auto;
|
||||
transform: translateX(-50%);
|
||||
width: inherit;
|
||||
height: 4px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
@media not (prefers-reduced-motion) {
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]::before {
|
||||
transition: width 0.3s ease-out;
|
||||
}
|
||||
}
|
||||
.edit-post-meta-boxes-main__presenter > button[role=separator]:is(:hover, :focus)::before {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
overflow: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-main__liner {
|
||||
isolation: isolate;
|
||||
}
|
||||
.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner {
|
||||
display: unset;
|
||||
}
|
||||
|
||||
.edit-post-layout__metaboxes {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor {
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0%;
|
||||
overflow: hidden;
|
||||
isolation: isolate;
|
||||
}
|
||||
|
||||
.edit-post-layout__snackbar {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding-inline: 16px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
pointer-events: none;
|
||||
}
|
||||
.edit-post-layout__snackbar .components-snackbar {
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area {
|
||||
position: relative;
|
||||
/**
|
||||
* The wordpress default for most meta-box elements is content-box. Some
|
||||
* elements such as textarea and input are set to border-box in forms.css.
|
||||
* These elements therefore specifically set back to border-box here, while
|
||||
* other elements (such as .button) are unaffected by Gutenberg's style
|
||||
* because of their higher specificity.
|
||||
*/
|
||||
}
|
||||
.edit-post-meta-boxes-area__container,
|
||||
.edit-post-meta-boxes-area .inside {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area textarea,
|
||||
.edit-post-meta-boxes-area input {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox-header {
|
||||
border-top: 1px solid #ddd;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Match width and positioning of the meta boxes. Override default styles. */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff {
|
||||
margin: 0 auto;
|
||||
padding-top: 0;
|
||||
min-width: auto;
|
||||
}
|
||||
.edit-post-meta-boxes-area {
|
||||
/* Override Default meta box stylings */
|
||||
}
|
||||
.edit-post-meta-boxes-area #poststuff h3.hndle,
|
||||
.edit-post-meta-boxes-area #poststuff .stuffbox > h3,
|
||||
.edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
font-weight: 600;
|
||||
outline: none;
|
||||
padding: 0 24px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox {
|
||||
border: 0;
|
||||
color: inherit;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox > .inside {
|
||||
color: inherit;
|
||||
padding: 0 24px 24px;
|
||||
margin: 0;
|
||||
}
|
||||
.edit-post-meta-boxes-area .postbox .handlediv {
|
||||
height: 44px;
|
||||
width: 44px;
|
||||
}
|
||||
.edit-post-meta-boxes-area.is-loading::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
background: transparent;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-post-meta-boxes-area .components-spinner {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
z-index: 5;
|
||||
}
|
||||
.edit-post-meta-boxes-area .is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.edit-post-meta-boxes-area__clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.edit-post-welcome-guide,
|
||||
.edit-template-welcome-guide {
|
||||
width: 312px;
|
||||
}
|
||||
.edit-post-welcome-guide__image,
|
||||
.edit-template-welcome-guide__image {
|
||||
background: #00a0d2;
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.edit-post-welcome-guide__image > img,
|
||||
.edit-template-welcome-guide__image > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.edit-post-welcome-guide__heading,
|
||||
.edit-template-welcome-guide__heading {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 1.4;
|
||||
margin: 16px 0 16px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__text,
|
||||
.edit-template-welcome-guide__text {
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0 0 24px 0;
|
||||
padding: 0 24px;
|
||||
}
|
||||
.edit-post-welcome-guide__inserter-icon,
|
||||
.edit-template-welcome-guide__inserter-icon {
|
||||
margin: 0 4px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
.edit-post-welcome-guide .components-button:hover svg,
|
||||
.edit-template-welcome-guide .components-button:hover svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.edit-template-welcome-guide .components-button svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
body.js.block-editor-page {
|
||||
background: #fff;
|
||||
}
|
||||
body.js.block-editor-page #wpcontent {
|
||||
padding-left: 0;
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
body.js.block-editor-page {
|
||||
/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
|
||||
Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */
|
||||
}
|
||||
body.js.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page #wpfooter {
|
||||
display: none;
|
||||
}
|
||||
body.js.block-editor-page .a11y-speak-region {
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
|
||||
body.js.block-editor-page ul#adminmenu > li.current > a.current::after {
|
||||
border-right-color: #fff;
|
||||
}
|
||||
body.js.block-editor-page .media-frame select.attachment-filters:last-of-type {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: auto;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor-page #wpwrap {
|
||||
overflow-y: initial;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor.is-iframed {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.edit-post-visual-editor.is-iframed *,
|
||||
.edit-post-visual-editor.is-iframed *::before,
|
||||
.edit-post-visual-editor.is-iframed *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.block-editor__container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
min-height: calc(100vh - 46px);
|
||||
}
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.block-editor__container {
|
||||
min-height: calc(100vh - 32px);
|
||||
}
|
||||
body.is-fullscreen-mode .block-editor__container {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
.block-editor__container img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+5621
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+5624
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1119
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1119
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+6853
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+6862
File diff suppressed because it is too large
Load Diff
+1
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user