first commit
This commit is contained in:
DESKTOP-DH6BVPV\chiefsoft
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,402 @@
|
||||
/*! 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;
|
||||
line-height: 2.15384615; /* 28px */
|
||||
min-height: 30px;
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-appearance: none;
|
||||
border-radius: 3px;
|
||||
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;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.button-large,
|
||||
.wp-core-ui .button-group.button-large .button {
|
||||
min-height: 32px;
|
||||
line-height: 2.30769231; /* 30px */
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.button-small,
|
||||
.wp-core-ui .button-group.button-small .button {
|
||||
min-height: 26px;
|
||||
line-height: 2.18181818; /* 24px */
|
||||
padding: 0 8px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.button-hero,
|
||||
.wp-core-ui .button-group.button-hero .button {
|
||||
font-size: 14px;
|
||||
min-height: 46px;
|
||||
line-height: 3.14285714;
|
||||
padding: 0 36px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 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: #2271b1;
|
||||
border-color: #2271b1;
|
||||
background: #f6f7f7;
|
||||
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: #f0f0f1;
|
||||
border-color: #0a4b78;
|
||||
color: #0a4b78;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: #f6f7f7;
|
||||
border-color: #3582c4;
|
||||
color: #0a4b78;
|
||||
box-shadow: 0 0 0 1px #3582c4;
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
/* Reset inherited offset from Gutenberg */
|
||||
outline-offset: 0;
|
||||
}
|
||||
|
||||
/* :active state */
|
||||
.wp-core-ui .button:active,
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: #f6f7f7;
|
||||
border-color: #8c8f94;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* pressed state e.g. a selected setting */
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:hover {
|
||||
background-color: #dcdcde;
|
||||
color: #135e96;
|
||||
border-color: #0a4b78;
|
||||
box-shadow: inset 0 2px 5px -3px #0a4b78;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.active:focus {
|
||||
border-color: #3582c4;
|
||||
box-shadow:
|
||||
inset 0 2px 5px -3px #0a4b78,
|
||||
0 0 0 1px #3582c4;
|
||||
}
|
||||
|
||||
.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: #a7aaad !important;
|
||||
border-color: #dcdcde !important;
|
||||
background: #f6f7f7 !important;
|
||||
box-shadow: none !important;
|
||||
cursor: default;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
/* 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: #2271b1;
|
||||
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: #135e96;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link:focus {
|
||||
color: #043959;
|
||||
box-shadow:
|
||||
0 0 0 1px #4f94d4,
|
||||
0 0 2px 1px rgba(79, 148, 212, 0.8);
|
||||
/* 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: #2271b1;
|
||||
border-color: #2271b1;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary.hover,
|
||||
.wp-core-ui .button-primary:hover,
|
||||
.wp-core-ui .button-primary.focus,
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: #135e96;
|
||||
border-color: #135e96;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary.focus,
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow:
|
||||
0 0 0 1px #fff,
|
||||
0 0 0 3px #2271b1;
|
||||
}
|
||||
|
||||
.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: #135e96;
|
||||
border-color: #135e96;
|
||||
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: #a7aaad !important;
|
||||
background: #f6f7f7 !important;
|
||||
border-color: #dcdcde !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
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 3px 3px 0;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-group > .button:last-child {
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
background-color: #dcdcde;
|
||||
color: #135e96;
|
||||
border-color: #0a4b78;
|
||||
box-shadow: inset 0 2px 5px -3px #0a4b78;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-group > .button.active:focus {
|
||||
border-color: #3582c4;
|
||||
box-shadow:
|
||||
inset 0 2px 5px -3px #0a4b78,
|
||||
0 0 0 1px #3582c4;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
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-small,
|
||||
input#publish,
|
||||
input#save-post,
|
||||
a.preview {
|
||||
padding: 0 14px;
|
||||
line-height: 2.71428571; /* 38px */
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
min-height: 40px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
/* 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 1px;
|
||||
min-height: 24px;
|
||||
line-height: 22px;
|
||||
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.15384615; /* 28px */
|
||||
min-height: 30px;
|
||||
margin: 0;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
|
||||
.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: 30px;
|
||||
line-height: 2;
|
||||
padding: 0 12px 2px;
|
||||
}
|
||||
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,401 @@
|
||||
/* ----------------------------------------------------------------------------
|
||||
|
||||
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;
|
||||
line-height: 2.15384615; /* 28px */
|
||||
min-height: 30px;
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-appearance: none;
|
||||
border-radius: 3px;
|
||||
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;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.button-large,
|
||||
.wp-core-ui .button-group.button-large .button {
|
||||
min-height: 32px;
|
||||
line-height: 2.30769231; /* 30px */
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.button-small,
|
||||
.wp-core-ui .button-group.button-small .button {
|
||||
min-height: 26px;
|
||||
line-height: 2.18181818; /* 24px */
|
||||
padding: 0 8px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.button-hero,
|
||||
.wp-core-ui .button-group.button-hero .button {
|
||||
font-size: 14px;
|
||||
min-height: 46px;
|
||||
line-height: 3.14285714;
|
||||
padding: 0 36px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 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: #2271b1;
|
||||
border-color: #2271b1;
|
||||
background: #f6f7f7;
|
||||
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: #f0f0f1;
|
||||
border-color: #0a4b78;
|
||||
color: #0a4b78;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus,
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: #f6f7f7;
|
||||
border-color: #3582c4;
|
||||
color: #0a4b78;
|
||||
box-shadow: 0 0 0 1px #3582c4;
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
/* Reset inherited offset from Gutenberg */
|
||||
outline-offset: 0;
|
||||
}
|
||||
|
||||
/* :active state */
|
||||
.wp-core-ui .button:active,
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: #f6f7f7;
|
||||
border-color: #8c8f94;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* pressed state e.g. a selected setting */
|
||||
.wp-core-ui .button.active,
|
||||
.wp-core-ui .button.active:hover {
|
||||
background-color: #dcdcde;
|
||||
color: #135e96;
|
||||
border-color: #0a4b78;
|
||||
box-shadow: inset 0 2px 5px -3px #0a4b78;
|
||||
}
|
||||
|
||||
.wp-core-ui .button.active:focus {
|
||||
border-color: #3582c4;
|
||||
box-shadow:
|
||||
inset 0 2px 5px -3px #0a4b78,
|
||||
0 0 0 1px #3582c4;
|
||||
}
|
||||
|
||||
.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: #a7aaad !important;
|
||||
border-color: #dcdcde !important;
|
||||
background: #f6f7f7 !important;
|
||||
box-shadow: none !important;
|
||||
cursor: default;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
/* 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: #2271b1;
|
||||
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: #135e96;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-link:focus {
|
||||
color: #043959;
|
||||
box-shadow:
|
||||
0 0 0 1px #4f94d4,
|
||||
0 0 2px 1px rgba(79, 148, 212, 0.8);
|
||||
/* 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: #2271b1;
|
||||
border-color: #2271b1;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary.hover,
|
||||
.wp-core-ui .button-primary:hover,
|
||||
.wp-core-ui .button-primary.focus,
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: #135e96;
|
||||
border-color: #135e96;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-primary.focus,
|
||||
.wp-core-ui .button-primary:focus {
|
||||
box-shadow:
|
||||
0 0 0 1px #fff,
|
||||
0 0 0 3px #2271b1;
|
||||
}
|
||||
|
||||
.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: #135e96;
|
||||
border-color: #135e96;
|
||||
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: #a7aaad !important;
|
||||
background: #f6f7f7 !important;
|
||||
border-color: #dcdcde !important;
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
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: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-group > .button:last-child {
|
||||
border-radius: 0 3px 3px 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 {
|
||||
background-color: #dcdcde;
|
||||
color: #135e96;
|
||||
border-color: #0a4b78;
|
||||
box-shadow: inset 0 2px 5px -3px #0a4b78;
|
||||
}
|
||||
|
||||
.wp-core-ui .button-group > .button.active:focus {
|
||||
border-color: #3582c4;
|
||||
box-shadow:
|
||||
inset 0 2px 5px -3px #0a4b78,
|
||||
0 0 0 1px #3582c4;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------------------------------------
|
||||
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-small,
|
||||
input#publish,
|
||||
input#save-post,
|
||||
a.preview {
|
||||
padding: 0 14px;
|
||||
line-height: 2.71428571; /* 38px */
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
min-height: 40px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
/* 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 1px;
|
||||
min-height: 24px;
|
||||
line-height: 22px;
|
||||
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.15384615; /* 28px */
|
||||
min-height: 30px;
|
||||
margin: 0;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
|
||||
.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: 30px;
|
||||
line-height: 2;
|
||||
padding: 0 12px 2px;
|
||||
}
|
||||
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,18 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
+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}
|
||||
@@ -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: #3582c4 !important;
|
||||
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: #4f94d4 !important; /* matches primary buttons */
|
||||
}
|
||||
|
||||
.customize-partial-edit-shortcut button:focus {
|
||||
box-shadow: 0 0 0 2px #4f94d4;
|
||||
}
|
||||
|
||||
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:#3582c4!important;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:#4f94d4!important}.customize-partial-edit-shortcut button:focus{box-shadow:0 0 0 2px #4f94d4}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: #3582c4 !important;
|
||||
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: #4f94d4 !important; /* matches primary buttons */
|
||||
}
|
||||
|
||||
.customize-partial-edit-shortcut button:focus {
|
||||
box-shadow: 0 0 0 2px #4f94d4;
|
||||
}
|
||||
|
||||
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:#3582c4!important;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:#4f94d4!important}.customize-partial-edit-shortcut button:focus{box-shadow:0 0 0 2px #4f94d4}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
+257
@@ -0,0 +1,257 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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: 500;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-align: right;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:hover {
|
||||
box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-busy {
|
||||
background: transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel button {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.installed-blocks-pre-publish-panel__copy {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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:500}.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{padding:12px;width:100%;height:auto;text-align:right;display:grid;grid-template-columns:auto 1fr}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.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:hsla(0,0%,100%,.75);display:flex;align-items:center;justify-content:center}.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:400}.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}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0}
|
||||
+257
@@ -0,0 +1,257 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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: 500;
|
||||
}
|
||||
|
||||
.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 {
|
||||
padding: 12px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-align: left;
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:hover {
|
||||
box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-busy {
|
||||
background: transparent;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal !important;
|
||||
}
|
||||
.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.block-directory-downloadable-blocks-panel button {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.installed-blocks-pre-publish-panel__copy {
|
||||
margin-top: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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:500}.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{padding:12px;width:100%;height:auto;text-align:left;display:grid;grid-template-columns:auto 1fr}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.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:hsla(0,0%,100%,.75);display:flex;align-items:center;justify-content:center}.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:400}.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}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0}
|
||||
@@ -0,0 +1,114 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 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 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}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,114 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 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 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}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}
|
||||
+4505
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+4505
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,85 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.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}
|
||||
+85
@@ -0,0 +1,85 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.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}
|
||||
+289
@@ -0,0 +1,289 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
:root {
|
||||
/*
|
||||
* Our classes uses the same values we set for gradient value attributes,
|
||||
* and we can not use spacing because of WP multi site kses rule.
|
||||
*/
|
||||
/* stylelint-disable function-comma-space-after */
|
||||
/* stylelint-enable function-comma-space-after */
|
||||
--wp--preset--font-size--normal: 16px;
|
||||
--wp--preset--font-size--huge: 42px;
|
||||
}
|
||||
: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 0%, #0693e3 100%);
|
||||
}
|
||||
:root .has-purple-crush-gradient-background {
|
||||
background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
|
||||
}
|
||||
:root .has-hazy-dawn-gradient-background {
|
||||
background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%);
|
||||
}
|
||||
:root .has-subdued-olive-gradient-background {
|
||||
background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%);
|
||||
}
|
||||
:root .has-atomic-cream-gradient-background {
|
||||
background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%);
|
||||
}
|
||||
:root .has-nightshade-gradient-background {
|
||||
background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%);
|
||||
}
|
||||
:root .has-midnight-gradient-background {
|
||||
background: linear-gradient(-135deg, #020381 0%, #2874fc 100%);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.has-text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.has-text-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.has-text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#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: rect(1px, 1px, 1px, 1px);
|
||||
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: auto !important;
|
||||
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-top-color"]) {
|
||||
border-top-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*="border-right-color"]) {
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*="border-bottom-color"]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*="border-left-color"]) {
|
||||
border-right-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-left-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*="border-bottom-width"]) {
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
html :where([style*="border-left-width"]) {
|
||||
border-right-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.
|
||||
*/
|
||||
figure {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}: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)}.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)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#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:rect(1px,1px,1px,1px);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:auto!important;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}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-left-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-right-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-left-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-right-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}figure{margin:0 0 1em}
|
||||
+291
@@ -0,0 +1,291 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
:root {
|
||||
/*
|
||||
* Our classes uses the same values we set for gradient value attributes,
|
||||
* and we can not use spacing because of WP multi site kses rule.
|
||||
*/
|
||||
/* stylelint-disable function-comma-space-after */
|
||||
/* stylelint-enable function-comma-space-after */
|
||||
--wp--preset--font-size--normal: 16px;
|
||||
--wp--preset--font-size--huge: 42px;
|
||||
}
|
||||
: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 0%, #0693e3 100%);
|
||||
}
|
||||
:root .has-purple-crush-gradient-background {
|
||||
background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
|
||||
}
|
||||
:root .has-hazy-dawn-gradient-background {
|
||||
background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
|
||||
}
|
||||
:root .has-subdued-olive-gradient-background {
|
||||
background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
|
||||
}
|
||||
:root .has-atomic-cream-gradient-background {
|
||||
background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
|
||||
}
|
||||
:root .has-nightshade-gradient-background {
|
||||
background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
|
||||
}
|
||||
:root .has-midnight-gradient-background {
|
||||
background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
.has-text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.has-text-align-left {
|
||||
/*rtl:ignore*/
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.has-text-align-right {
|
||||
/*rtl:ignore*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#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: rect(1px, 1px, 1px, 1px);
|
||||
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: auto !important;
|
||||
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-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.
|
||||
*/
|
||||
figure {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}: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)}.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)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#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:rect(1px,1px,1px,1px);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:auto!important;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-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%}figure{margin:0 0 1em}
|
||||
@@ -0,0 +1,85 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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,85 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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}
|
||||
+2900
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+2911
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,82 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:pointer}
|
||||
+82
@@ -0,0 +1,82 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Element styles.
|
||||
*/
|
||||
.wp-element-button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-element-button{cursor:pointer}
|
||||
+183
@@ -0,0 +1,183 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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) {
|
||||
/**
|
||||
* The following styles revert to the browser defaults overriding the WPAdmin styles.
|
||||
* This is only needed while the block editor is not being loaded in an iframe.
|
||||
*/
|
||||
font-family: serif;
|
||||
font-size: initial;
|
||||
line-height: initial;
|
||||
color: initial;
|
||||
background: #fff;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) .wp-align-wrapper {
|
||||
max-width: 840px;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
|
||||
max-width: none;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
|
||||
max-width: 840px;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) a {
|
||||
transition: none;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) code,
|
||||
html :where(.editor-styles-wrapper) kbd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
font-family: monospace;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) p {
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
margin: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul,
|
||||
html :where(.editor-styles-wrapper) ol {
|
||||
margin: revert;
|
||||
padding: revert;
|
||||
list-style-type: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul ul,
|
||||
html :where(.editor-styles-wrapper) ul ol,
|
||||
html :where(.editor-styles-wrapper) ol ul,
|
||||
html :where(.editor-styles-wrapper) ol ol {
|
||||
margin: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul li,
|
||||
html :where(.editor-styles-wrapper) ol li {
|
||||
margin: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul ul,
|
||||
html :where(.editor-styles-wrapper) ol ul {
|
||||
list-style-type: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) h1,
|
||||
html :where(.editor-styles-wrapper) h2,
|
||||
html :where(.editor-styles-wrapper) h3,
|
||||
html :where(.editor-styles-wrapper) h4,
|
||||
html :where(.editor-styles-wrapper) h5,
|
||||
html :where(.editor-styles-wrapper) h6 {
|
||||
font-size: revert;
|
||||
margin: revert;
|
||||
color: revert;
|
||||
line-height: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) select {
|
||||
font-family: system-ui;
|
||||
-webkit-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;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) select:disabled,
|
||||
html :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){font-family:serif;font-size:medium;line-height:normal;color:initial;background:#fff}html :where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,html :where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}html :where(.editor-styles-wrapper) a{transition:none}html :where(.editor-styles-wrapper) code,html :where(.editor-styles-wrapper) kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}html :where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}html :where(.editor-styles-wrapper) ol,html :where(.editor-styles-wrapper) ul{margin:revert;padding:revert;list-style-type:revert;box-sizing:border-box}html :where(.editor-styles-wrapper) ol li,html :where(.editor-styles-wrapper) ol ol,html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul li,html :where(.editor-styles-wrapper) ul ol,html :where(.editor-styles-wrapper) ul ul{margin:revert}html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul ul{list-style-type:revert}html :where(.editor-styles-wrapper) h1,html :where(.editor-styles-wrapper) h2,html :where(.editor-styles-wrapper) h3,html :where(.editor-styles-wrapper) h4,html :where(.editor-styles-wrapper) h5,html :where(.editor-styles-wrapper) h6,html :where(.editor-styles-wrapper) select{font-size:revert;margin:revert;color:revert;line-height:revert;font-weight:revert}html :where(.editor-styles-wrapper) select{font-family:system-ui;-webkit-appearance:revert;border:revert;border-radius:revert;background:revert;box-shadow:revert;text-shadow:revert;outline:revert;cursor:revert;transform:revert;padding:revert;min-height:revert;max-width:revert;vertical-align:revert}html :where(.editor-styles-wrapper) select:disabled,html :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}
|
||||
+183
@@ -0,0 +1,183 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* 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) {
|
||||
/**
|
||||
* The following styles revert to the browser defaults overriding the WPAdmin styles.
|
||||
* This is only needed while the block editor is not being loaded in an iframe.
|
||||
*/
|
||||
font-family: serif;
|
||||
font-size: initial;
|
||||
line-height: initial;
|
||||
color: initial;
|
||||
background: #fff;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) .wp-align-wrapper {
|
||||
max-width: 840px;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) .wp-align-wrapper > .wp-block, html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full {
|
||||
max-width: none;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide {
|
||||
max-width: 840px;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) a {
|
||||
transition: none;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) code,
|
||||
html :where(.editor-styles-wrapper) kbd {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: inherit;
|
||||
font-size: inherit;
|
||||
font-family: monospace;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) p {
|
||||
font-size: revert;
|
||||
line-height: revert;
|
||||
margin: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul,
|
||||
html :where(.editor-styles-wrapper) ol {
|
||||
margin: revert;
|
||||
padding: revert;
|
||||
list-style-type: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul ul,
|
||||
html :where(.editor-styles-wrapper) ul ol,
|
||||
html :where(.editor-styles-wrapper) ol ul,
|
||||
html :where(.editor-styles-wrapper) ol ol {
|
||||
margin: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul li,
|
||||
html :where(.editor-styles-wrapper) ol li {
|
||||
margin: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) ul ul,
|
||||
html :where(.editor-styles-wrapper) ol ul {
|
||||
list-style-type: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) h1,
|
||||
html :where(.editor-styles-wrapper) h2,
|
||||
html :where(.editor-styles-wrapper) h3,
|
||||
html :where(.editor-styles-wrapper) h4,
|
||||
html :where(.editor-styles-wrapper) h5,
|
||||
html :where(.editor-styles-wrapper) h6 {
|
||||
font-size: revert;
|
||||
margin: revert;
|
||||
color: revert;
|
||||
line-height: revert;
|
||||
font-weight: revert;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) select {
|
||||
font-family: system-ui;
|
||||
-webkit-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;
|
||||
}
|
||||
html :where(.editor-styles-wrapper) select:disabled,
|
||||
html :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){font-family:serif;font-size:medium;line-height:normal;color:initial;background:#fff}html :where(.editor-styles-wrapper) .wp-align-wrapper{max-width:840px}html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-full,html :where(.editor-styles-wrapper) .wp-align-wrapper>.wp-block{max-width:none}html :where(.editor-styles-wrapper) .wp-align-wrapper.wp-align-wide{max-width:840px}html :where(.editor-styles-wrapper) a{transition:none}html :where(.editor-styles-wrapper) code,html :where(.editor-styles-wrapper) kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}html :where(.editor-styles-wrapper) p{font-size:revert;line-height:revert;margin:revert}html :where(.editor-styles-wrapper) ol,html :where(.editor-styles-wrapper) ul{margin:revert;padding:revert;list-style-type:revert;box-sizing:border-box}html :where(.editor-styles-wrapper) ol li,html :where(.editor-styles-wrapper) ol ol,html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul li,html :where(.editor-styles-wrapper) ul ol,html :where(.editor-styles-wrapper) ul ul{margin:revert}html :where(.editor-styles-wrapper) ol ul,html :where(.editor-styles-wrapper) ul ul{list-style-type:revert}html :where(.editor-styles-wrapper) h1,html :where(.editor-styles-wrapper) h2,html :where(.editor-styles-wrapper) h3,html :where(.editor-styles-wrapper) h4,html :where(.editor-styles-wrapper) h5,html :where(.editor-styles-wrapper) h6,html :where(.editor-styles-wrapper) select{font-size:revert;margin:revert;color:revert;line-height:revert;font-weight:revert}html :where(.editor-styles-wrapper) select{font-family:system-ui;-webkit-appearance:revert;border:revert;border-radius:revert;background:revert;box-shadow:revert;text-shadow:revert;outline:revert;cursor:revert;transform:revert;padding:revert;min-height:revert;max-width:revert;vertical-align:revert}html :where(.editor-styles-wrapper) select:disabled,html :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}
|
||||
+3570
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+3605
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+250
@@ -0,0 +1,250 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.wp-block-audio figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio 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 figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed 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);
|
||||
}
|
||||
|
||||
.wp-block-image figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .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 cite,
|
||||
.wp-block-pullquote 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.has-text-align-right {
|
||||
border-right: none;
|
||||
border-left: 0.25em solid currentColor;
|
||||
padding-right: 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.wp-block-quote.has-text-align-center {
|
||||
border: none;
|
||||
padding-right: 0;
|
||||
}
|
||||
.wp-block-quote.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 thead {
|
||||
border-bottom: 3px solid;
|
||||
}
|
||||
.wp-block-table tfoot {
|
||||
border-top: 3px solid;
|
||||
}
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
padding: 0.5em;
|
||||
border: 1px solid;
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-table figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-table figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-video figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-template-part.has-background {
|
||||
padding: 1.25em 2.375em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.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;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:.25em solid;padding-right:0;padding-left:1em}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.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-right:auto;margin-left: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 0}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}
|
||||
+250
@@ -0,0 +1,250 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
.wp-block-audio figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-audio 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 figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-embed 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);
|
||||
}
|
||||
|
||||
.wp-block-image figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .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 cite,
|
||||
.wp-block-pullquote 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.has-text-align-right {
|
||||
border-left: none;
|
||||
border-right: 0.25em solid currentColor;
|
||||
padding-left: 0;
|
||||
padding-right: 1em;
|
||||
}
|
||||
.wp-block-quote.has-text-align-center {
|
||||
border: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
.wp-block-quote.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 thead {
|
||||
border-bottom: 3px solid;
|
||||
}
|
||||
.wp-block-table tfoot {
|
||||
border-top: 3px solid;
|
||||
}
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
padding: 0.5em;
|
||||
border: 1px solid;
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-table figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-table figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video figcaption {
|
||||
color: #555;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
}
|
||||
.is-dark-theme .wp-block-video figcaption {
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
.wp-block-video {
|
||||
margin: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.wp-block-template-part.has-background {
|
||||
padding: 1.25em 2.375em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.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;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.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 0"}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video{margin:0 0 1em}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}
|
||||
+3468
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+3478
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,311 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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%);
|
||||
}
|
||||
|
||||
.customize-widgets-header {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: -15px -12px 0 -12px;
|
||||
background: #f0f0f1;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
z-index: 8;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.customize-widgets-header {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header.is-fixed-toolbar-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.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: 24px;
|
||||
height: 24px;
|
||||
margin: 12px auto 12px 0;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
|
||||
content: none;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
.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;
|
||||
flex-basis: auto;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
.block-editor-block-contextual-toolbar.is-fixed {
|
||||
top: 0;
|
||||
margin-right: -12px;
|
||||
margin-left: -12px;
|
||||
width: calc(100% + 24px);
|
||||
overflow-y: auto;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.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 {
|
||||
min-height: 100%;
|
||||
background-color: #fff;
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
|
||||
overflow: unset;
|
||||
}
|
||||
#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,
|
||||
.customize-widgets-popover {
|
||||
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,
|
||||
.customize-widgets-popover *,
|
||||
.customize-widgets-popover *::before,
|
||||
.customize-widgets-popover *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+311
@@ -0,0 +1,311 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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%);
|
||||
}
|
||||
|
||||
.customize-widgets-header {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: -15px -12px 0 -12px;
|
||||
background: #f0f0f1;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
z-index: 8;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.customize-widgets-header {
|
||||
margin-bottom: 44px;
|
||||
}
|
||||
}
|
||||
.customize-widgets-header.is-fixed-toolbar-active {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.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: 24px;
|
||||
height: 24px;
|
||||
margin: 12px 0 12px auto;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before {
|
||||
content: none;
|
||||
}
|
||||
.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
.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;
|
||||
flex-basis: auto;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
.block-editor-block-contextual-toolbar.is-fixed {
|
||||
top: 0;
|
||||
margin-left: -12px;
|
||||
margin-right: -12px;
|
||||
width: calc(100% + 24px);
|
||||
overflow-y: auto;
|
||||
z-index: 7;
|
||||
}
|
||||
|
||||
.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 {
|
||||
min-height: 100%;
|
||||
background-color: #fff;
|
||||
padding-top: 12px !important;
|
||||
}
|
||||
#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open {
|
||||
overflow: unset;
|
||||
}
|
||||
#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,
|
||||
.customize-widgets-popover {
|
||||
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,
|
||||
.customize-widgets-popover *,
|
||||
.customize-widgets-popover *::before,
|
||||
.customize-widgets-popover *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+167
@@ -0,0 +1,167 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
html :where(.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 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-right:auto;margin-left:auto}html :where(.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)}[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)}
|
||||
+171
@@ -0,0 +1,171 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-styles-wrapper .wp-block {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
html :where(.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,5 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-left:auto;margin-right:auto}html :where(.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)}[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)}
|
||||
+1997
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1997
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+2411
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+2411
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1167
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+1167
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+980
@@ -0,0 +1,980 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-autocompleters__user .editor-autocompleters__no-avatar::before {
|
||||
/* stylelint-disable */
|
||||
font: normal 20px/1 dashicons;
|
||||
/* stylelint-enable */
|
||||
content: "";
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.editor-autocompleters__user .editor-autocompleters__user-avatar {
|
||||
margin-left: 8px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
max-width: none;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.editor-autocompleters__user .editor-autocompleters__user-name {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 200px;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.editor-autocompleters__user .editor-autocompleters__user-slug {
|
||||
margin-right: 8px;
|
||||
color: #757575;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: none;
|
||||
max-width: 100px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.document-outline {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.document-outline ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.document-outline__item {
|
||||
display: flex;
|
||||
margin: 4px 0;
|
||||
}
|
||||
.document-outline__item a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.document-outline__item .document-outline__emdash::before {
|
||||
color: #ddd;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.document-outline__item.is-h2 .document-outline__emdash::before {
|
||||
content: "—";
|
||||
}
|
||||
.document-outline__item.is-h3 .document-outline__emdash::before {
|
||||
content: "——";
|
||||
}
|
||||
.document-outline__item.is-h4 .document-outline__emdash::before {
|
||||
content: "———";
|
||||
}
|
||||
.document-outline__item.is-h5 .document-outline__emdash::before {
|
||||
content: "————";
|
||||
}
|
||||
.document-outline__item.is-h6 .document-outline__emdash::before {
|
||||
content: "—————";
|
||||
}
|
||||
|
||||
.document-outline__button {
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin: 0 -1px 0 0;
|
||||
padding: 2px 1px 2px 5px;
|
||||
color: #1e1e1e;
|
||||
text-align: right;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.document-outline__button:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.document-outline__button:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.document-outline__level {
|
||||
background: #ddd;
|
||||
color: #1e1e1e;
|
||||
border-radius: 3px;
|
||||
font-size: 13px;
|
||||
padding: 1px 6px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
.is-invalid .document-outline__level {
|
||||
background: #f0b849;
|
||||
}
|
||||
|
||||
.document-outline__item-content {
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
.components-editor-notices__dismissible,
|
||||
.components-editor-notices__pinned {
|
||||
position: relative;
|
||||
right: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.components-editor-notices__dismissible .components-notice,
|
||||
.components-editor-notices__pinned .components-notice {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
padding: 0 12px;
|
||||
min-height: 60px;
|
||||
}
|
||||
.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
|
||||
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.entities-saved-states__panel {
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
z-index: 100001;
|
||||
top: 46px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.entities-saved-states__panel *,
|
||||
.entities-saved-states__panel *::before,
|
||||
.entities-saved-states__panel *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity {
|
||||
display: none;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity-small {
|
||||
display: block;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.entities-saved-states__panel {
|
||||
top: 32px;
|
||||
right: auto;
|
||||
width: 280px;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
body.is-fullscreen-mode .entities-saved-states__panel {
|
||||
top: 0;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity {
|
||||
display: block;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity-small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__panel-header {
|
||||
background: #fff;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
height: 61px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__text-prompt {
|
||||
padding: 16px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.editor-error-boundary {
|
||||
margin: auto;
|
||||
max-width: 780px;
|
||||
padding: 20px;
|
||||
margin-top: 60px;
|
||||
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.editor-page-attributes__order {
|
||||
width: 100%;
|
||||
}
|
||||
.editor-page-attributes__order .components-base-control__field {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.editor-page-attributes__order input {
|
||||
width: 66px;
|
||||
}
|
||||
|
||||
.editor-post-excerpt__textarea {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.editor-post-featured-image {
|
||||
padding: 0;
|
||||
}
|
||||
.editor-post-featured-image__container {
|
||||
margin-bottom: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.editor-post-featured-image .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
margin-top: -9px;
|
||||
margin-right: -9px;
|
||||
}
|
||||
.editor-post-featured-image .components-button + .components-button {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.editor-post-featured-image .components-responsive-wrapper__content {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.editor-post-featured-image__toggle,
|
||||
.editor-post-featured-image__preview {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
transition: all 0.1s ease-out;
|
||||
box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-featured-image__toggle,
|
||||
.editor-post-featured-image__preview {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-post-featured-image__preview {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
|
||||
box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.editor-post-featured-image__toggle {
|
||||
border-radius: 2px;
|
||||
background-color: #f0f0f0;
|
||||
min-height: 90px;
|
||||
line-height: 20px;
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.editor-post-featured-image__toggle:hover {
|
||||
background: #ddd;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
[class].editor-post-format__suggestion {
|
||||
margin: 4px 0 0 0;
|
||||
}
|
||||
|
||||
.editor-post-last-revision__title {
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.editor-post-last-revision__title .dashicon {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.components-button.editor-post-last-revision__title {
|
||||
height: 100%;
|
||||
}
|
||||
.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
.components-button.editor-post-last-revision__title:focus {
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-locked-modal {
|
||||
max-width: 480px;
|
||||
}
|
||||
}
|
||||
.editor-post-locked-modal .components-modal__content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.editor-post-locked-modal__buttons {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.editor-post-locked-modal__avatar {
|
||||
border-radius: 2px;
|
||||
margin-top: 16px;
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
.editor-post-publish-button__button.has-changes-dot::before {
|
||||
background: currentcolor;
|
||||
border-radius: 4px;
|
||||
content: "";
|
||||
height: 8px;
|
||||
margin: auto -3px auto 5px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__content {
|
||||
min-height: calc(100% - 144px);
|
||||
}
|
||||
.editor-post-publish-panel__content .components-spinner {
|
||||
display: block;
|
||||
margin: 100px auto 0;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header {
|
||||
background: #fff;
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
height: 61px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: space-between;
|
||||
}
|
||||
.editor-post-publish-panel__header .components-button {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.editor-post-publish-panel__header .has-icon {
|
||||
margin-right: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.components-site-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
.components-site-icon {
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
margin-left: 12px;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.components-site-name {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.components-site-home {
|
||||
display: block;
|
||||
color: #757575;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-publish-button,
|
||||
.editor-post-publish-panel__header-cancel-button {
|
||||
flex-grow: 1;
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
.editor-post-publish-panel__header-publish-button,
|
||||
.editor-post-publish-panel__header-cancel-button {
|
||||
max-width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-publish-button {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-cancel-button {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-published {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__footer {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.components-button.editor-post-publish-panel__toggle.is-primary {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
|
||||
display: none;
|
||||
}
|
||||
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__link {
|
||||
font-weight: 400;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__prepublish {
|
||||
padding: 16px;
|
||||
}
|
||||
.editor-post-publish-panel__prepublish strong {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.editor-post-publish-panel__prepublish .components-panel__body {
|
||||
background: #fff;
|
||||
margin-right: -16px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish .components-panel__body {
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-buttons {
|
||||
display: flex;
|
||||
align-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: -5px;
|
||||
}
|
||||
.post-publish-panel__postpublish-buttons > * {
|
||||
flex-grow: 1;
|
||||
margin: 5px;
|
||||
}
|
||||
.post-publish-panel__postpublish-buttons .components-button {
|
||||
height: auto;
|
||||
justify-content: center;
|
||||
padding: 3px 10px 4px;
|
||||
flex: 1;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
}
|
||||
.post-publish-panel__postpublish-buttons .components-clipboard-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-post-address-container {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address-container .components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address {
|
||||
flex: 1;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address-container input[readonly] {
|
||||
padding: 10px;
|
||||
background: #ddd;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-post-address__copy-button-wrap {
|
||||
flex-shrink: 0;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-header {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-subheader {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.post-publish-panel__tip {
|
||||
color: #f0b849;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.post-publish-panel__postpublish-post-address__button-wrap .components-button {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
.editor-post-saved-state {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 28px;
|
||||
padding: 12px 4px;
|
||||
color: #757575;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover {
|
||||
background: transparent;
|
||||
color: #757575;
|
||||
}
|
||||
.editor-post-saved-state svg {
|
||||
display: inline-block;
|
||||
flex: 0 0 auto;
|
||||
fill: currentColor;
|
||||
margin-left: 8px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-saved-state {
|
||||
width: auto;
|
||||
padding: 8px 12px;
|
||||
text-indent: inherit;
|
||||
}
|
||||
.editor-post-saved-state svg {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-post-save-draft.has-text.has-icon svg {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
:root[dir=rtl] .editor-post-saved-state.has-text.has-icon {
|
||||
justify-content: right;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-list {
|
||||
max-height: 14em;
|
||||
overflow: auto;
|
||||
margin-right: -6px;
|
||||
padding-right: 6px;
|
||||
margin-top: -6px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-choice {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-subchoices {
|
||||
margin-top: 8px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
|
||||
.components-button.editor-post-taxonomies__hierarchical-terms-add {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-label {
|
||||
display: inline-block;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-filter {
|
||||
margin-bottom: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
|
||||
font-weight: 400;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__flat-term-most-used-list {
|
||||
margin: 0;
|
||||
}
|
||||
.editor-post-taxonomies__flat-term-most-used-list li {
|
||||
display: inline-block;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.editor-post-taxonomies__flat-term-most-used-list .components-button {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
border: 1px solid #949494;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
box-shadow: none;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
line-height: 2.4;
|
||||
min-height: 200px;
|
||||
transition: border 0.1s ease-out, box-shadow 0.1s linear;
|
||||
padding: 16px;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px !important;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
position: relative;
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
opacity: 1;
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
|
||||
.editor-post-url__link-label {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
.editor-post-url__link {
|
||||
direction: ltr;
|
||||
word-break: break-word;
|
||||
}
|
||||
.editor-post-url__link-slug {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 6px 8px;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
transition: box-shadow 0.1s linear;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #757575;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
border: 1px solid #1e1e1e;
|
||||
margin-left: 12px;
|
||||
transition: none;
|
||||
border-radius: 50%;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
font-size: 13px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder {
|
||||
opacity: 1;
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
|
||||
box-sizing: inherit;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
transform: translate(-7px, 7px);
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
border: 4px solid #fff;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
|
||||
transform: translate(-5px, 5px);
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
|
||||
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__info {
|
||||
color: #757575;
|
||||
margin-right: 36px;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__info {
|
||||
margin-right: 32px;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 6px 8px;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
transition: box-shadow 0.1s linear;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #757575;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
margin-right: 32px;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
|
||||
font-size: 13px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder {
|
||||
opacity: 1;
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
|
||||
.editor-post-title {
|
||||
position: relative;
|
||||
}
|
||||
.editor-post-title.is-focus-mode {
|
||||
opacity: 0.2;
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-title.is-focus-mode {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
.editor-post-title.is-focus-mode:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.editor-post-trash.components-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 4px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-of-contents__popover.components-popover .components-popover__content {
|
||||
min-width: 380px;
|
||||
}
|
||||
|
||||
.components-popover.table-of-contents__popover {
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
.table-of-contents__popover .components-popover__content {
|
||||
padding: 16px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.table-of-contents__popover .components-popover__content {
|
||||
max-height: calc(100vh - 120px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
.table-of-contents__popover hr {
|
||||
margin: 10px -16px 0;
|
||||
}
|
||||
|
||||
.table-of-contents__wrapper:focus::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
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);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.table-of-contents__counts {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.table-of-contents__count {
|
||||
flex-basis: 33%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 13px;
|
||||
color: #1e1e1e;
|
||||
padding-left: 8px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.table-of-contents__count:nth-child(4n) {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.table-of-contents__number,
|
||||
.table-of-contents__popover .word-count {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
line-height: 30px;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.table-of-contents__title {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.editor-template-validation-notice {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.editor-template-validation-notice .components-button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+984
@@ -0,0 +1,984 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-autocompleters__user .editor-autocompleters__no-avatar::before {
|
||||
/* stylelint-disable */
|
||||
font: normal 20px/1 dashicons;
|
||||
/* stylelint-enable */
|
||||
content: "";
|
||||
margin-right: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.editor-autocompleters__user .editor-autocompleters__user-avatar {
|
||||
margin-right: 8px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
max-width: none;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.editor-autocompleters__user .editor-autocompleters__user-name {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
max-width: 200px;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
.editor-autocompleters__user .editor-autocompleters__user-slug {
|
||||
margin-left: 8px;
|
||||
color: #757575;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: none;
|
||||
max-width: 100px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.document-outline {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.document-outline ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.document-outline__item {
|
||||
display: flex;
|
||||
margin: 4px 0;
|
||||
}
|
||||
.document-outline__item a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.document-outline__item .document-outline__emdash::before {
|
||||
color: #ddd;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.document-outline__item.is-h2 .document-outline__emdash::before {
|
||||
content: "—";
|
||||
}
|
||||
.document-outline__item.is-h3 .document-outline__emdash::before {
|
||||
content: "——";
|
||||
}
|
||||
.document-outline__item.is-h4 .document-outline__emdash::before {
|
||||
content: "———";
|
||||
}
|
||||
.document-outline__item.is-h5 .document-outline__emdash::before {
|
||||
content: "————";
|
||||
}
|
||||
.document-outline__item.is-h6 .document-outline__emdash::before {
|
||||
content: "—————";
|
||||
}
|
||||
|
||||
.document-outline__button {
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
border: none;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin: 0 0 0 -1px;
|
||||
padding: 2px 5px 2px 1px;
|
||||
color: #1e1e1e;
|
||||
text-align: left;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.document-outline__button:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
.document-outline__button:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.document-outline__level {
|
||||
background: #ddd;
|
||||
color: #1e1e1e;
|
||||
border-radius: 3px;
|
||||
font-size: 13px;
|
||||
padding: 1px 6px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.is-invalid .document-outline__level {
|
||||
background: #f0b849;
|
||||
}
|
||||
|
||||
.document-outline__item-content {
|
||||
padding: 1px 0;
|
||||
}
|
||||
|
||||
.components-editor-notices__dismissible,
|
||||
.components-editor-notices__pinned {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.components-editor-notices__dismissible .components-notice,
|
||||
.components-editor-notices__pinned .components-notice {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
padding: 0 12px;
|
||||
min-height: 60px;
|
||||
}
|
||||
.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
|
||||
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.entities-saved-states__panel {
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
z-index: 100001;
|
||||
top: 46px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
overflow: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.entities-saved-states__panel *,
|
||||
.entities-saved-states__panel *::before,
|
||||
.entities-saved-states__panel *::after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity {
|
||||
display: none;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity-small {
|
||||
display: block;
|
||||
}
|
||||
@media (min-width: 782px) {
|
||||
.entities-saved-states__panel {
|
||||
top: 32px;
|
||||
left: auto;
|
||||
width: 280px;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
body.is-fullscreen-mode .entities-saved-states__panel {
|
||||
top: 0;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity {
|
||||
display: block;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__find-entity-small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__panel-header {
|
||||
background: #fff;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
height: 61px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.entities-saved-states__panel .entities-saved-states__text-prompt {
|
||||
padding: 16px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.editor-error-boundary {
|
||||
margin: auto;
|
||||
max-width: 780px;
|
||||
padding: 20px;
|
||||
margin-top: 60px;
|
||||
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.editor-page-attributes__order {
|
||||
width: 100%;
|
||||
}
|
||||
.editor-page-attributes__order .components-base-control__field {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.editor-page-attributes__order input {
|
||||
width: 66px;
|
||||
}
|
||||
|
||||
.editor-post-excerpt__textarea {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.editor-post-featured-image {
|
||||
padding: 0;
|
||||
}
|
||||
.editor-post-featured-image__container {
|
||||
margin-bottom: 1em;
|
||||
position: relative;
|
||||
}
|
||||
.editor-post-featured-image .components-spinner {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -9px;
|
||||
margin-left: -9px;
|
||||
}
|
||||
.editor-post-featured-image .components-button + .components-button {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.editor-post-featured-image .components-responsive-wrapper__content {
|
||||
max-width: 100%;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.editor-post-featured-image__toggle,
|
||||
.editor-post-featured-image__preview {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
transition: all 0.1s ease-out;
|
||||
box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-featured-image__toggle,
|
||||
.editor-post-featured-image__preview {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-post-featured-image__preview {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
|
||||
box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.editor-post-featured-image__toggle {
|
||||
border-radius: 2px;
|
||||
background-color: #f0f0f0;
|
||||
min-height: 90px;
|
||||
line-height: 20px;
|
||||
padding: 8px 0;
|
||||
text-align: center;
|
||||
}
|
||||
.editor-post-featured-image__toggle:hover {
|
||||
background: #ddd;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
[class].editor-post-format__suggestion {
|
||||
margin: 4px 0 0 0;
|
||||
}
|
||||
|
||||
.editor-post-last-revision__title {
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
}
|
||||
.editor-post-last-revision__title .dashicon {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.components-button.editor-post-last-revision__title {
|
||||
height: 100%;
|
||||
}
|
||||
.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
.components-button.editor-post-last-revision__title:focus {
|
||||
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-locked-modal {
|
||||
max-width: 480px;
|
||||
}
|
||||
}
|
||||
.editor-post-locked-modal .components-modal__content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.editor-post-locked-modal__buttons {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.editor-post-locked-modal__avatar {
|
||||
border-radius: 2px;
|
||||
margin-top: 16px;
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
.editor-post-publish-button__button.has-changes-dot::before {
|
||||
background: currentcolor;
|
||||
border-radius: 4px;
|
||||
content: "";
|
||||
height: 8px;
|
||||
margin: auto 5px auto -3px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__content {
|
||||
min-height: calc(100% - 144px);
|
||||
}
|
||||
.editor-post-publish-panel__content .components-spinner {
|
||||
display: block;
|
||||
margin: 100px auto 0;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header {
|
||||
background: #fff;
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
height: 61px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: space-between;
|
||||
}
|
||||
.editor-post-publish-panel__header .components-button {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
}
|
||||
.editor-post-publish-panel__header .has-icon {
|
||||
margin-left: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.components-site-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 16px 0;
|
||||
}
|
||||
|
||||
.components-site-icon {
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
margin-right: 12px;
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.components-site-name {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.components-site-home {
|
||||
display: block;
|
||||
color: #757575;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-publish-button,
|
||||
.editor-post-publish-panel__header-cancel-button {
|
||||
flex-grow: 1;
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
.editor-post-publish-panel__header-publish-button,
|
||||
.editor-post-publish-panel__header-cancel-button {
|
||||
max-width: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-publish-button {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-cancel-button {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__header-published {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__footer {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.components-button.editor-post-publish-panel__toggle.is-primary {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
|
||||
display: none;
|
||||
}
|
||||
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__link {
|
||||
font-weight: 400;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.editor-post-publish-panel__prepublish {
|
||||
padding: 16px;
|
||||
}
|
||||
.editor-post-publish-panel__prepublish strong {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.editor-post-publish-panel__prepublish .components-panel__body {
|
||||
background: #fff;
|
||||
margin-left: -16px;
|
||||
margin-right: -16px;
|
||||
}
|
||||
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish .components-panel__body {
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-buttons {
|
||||
display: flex;
|
||||
align-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
margin: -5px;
|
||||
}
|
||||
.post-publish-panel__postpublish-buttons > * {
|
||||
flex-grow: 1;
|
||||
margin: 5px;
|
||||
}
|
||||
.post-publish-panel__postpublish-buttons .components-button {
|
||||
height: auto;
|
||||
justify-content: center;
|
||||
padding: 3px 10px 4px;
|
||||
flex: 1;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
}
|
||||
.post-publish-panel__postpublish-buttons .components-clipboard-button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-post-address-container {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address-container .components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address {
|
||||
flex: 1;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address-container input[readonly] {
|
||||
padding: 10px;
|
||||
background: #ddd;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-post-address__copy-button-wrap {
|
||||
flex-shrink: 0;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-header {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.post-publish-panel__postpublish-subheader {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.post-publish-panel__tip {
|
||||
color: #f0b849;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.post-publish-panel__postpublish-post-address__button-wrap .components-button {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
.editor-post-saved-state {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 28px;
|
||||
padding: 12px 4px;
|
||||
color: #757575;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover {
|
||||
background: transparent;
|
||||
color: #757575;
|
||||
}
|
||||
.editor-post-saved-state svg {
|
||||
display: inline-block;
|
||||
flex: 0 0 auto;
|
||||
fill: currentColor;
|
||||
margin-right: 8px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-saved-state {
|
||||
width: auto;
|
||||
padding: 8px 12px;
|
||||
text-indent: inherit;
|
||||
}
|
||||
.editor-post-saved-state svg {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.editor-post-save-draft.has-text.has-icon svg {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
:root[dir=rtl] .editor-post-saved-state.has-text.has-icon {
|
||||
justify-content: right;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-list {
|
||||
max-height: 14em;
|
||||
overflow: auto;
|
||||
margin-left: -6px;
|
||||
padding-left: 6px;
|
||||
margin-top: -6px;
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-choice {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-subchoices {
|
||||
margin-top: 8px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
|
||||
.components-button.editor-post-taxonomies__hierarchical-terms-add {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-label {
|
||||
display: inline-block;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-filter {
|
||||
margin-bottom: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
|
||||
font-weight: 400;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.editor-post-taxonomies__flat-term-most-used-list {
|
||||
margin: 0;
|
||||
}
|
||||
.editor-post-taxonomies__flat-term-most-used-list li {
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.editor-post-taxonomies__flat-term-most-used-list .components-button {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
border: 1px solid #949494;
|
||||
border-radius: 0;
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
box-shadow: none;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
line-height: 2.4;
|
||||
min-height: 200px;
|
||||
transition: border 0.1s ease-out, box-shadow 0.1s linear;
|
||||
padding: 16px;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px !important;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
position: relative;
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
opacity: 1;
|
||||
}
|
||||
.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
|
||||
.editor-post-url__link-label {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* rtl:begin:ignore */
|
||||
.editor-post-url__link {
|
||||
direction: ltr;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* rtl:end:ignore */
|
||||
.editor-post-url__link-slug {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 6px 8px;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
transition: box-shadow 0.1s linear;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #757575;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
border: 1px solid #1e1e1e;
|
||||
margin-right: 12px;
|
||||
transition: none;
|
||||
border-radius: 50%;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
font-size: 13px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder {
|
||||
opacity: 1;
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
|
||||
box-sizing: inherit;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
transform: translate(7px, 7px);
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
border: 4px solid #fff;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
|
||||
transform: translate(5px, 5px);
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
|
||||
box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__info {
|
||||
color: #757575;
|
||||
margin-left: 36px;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__info {
|
||||
margin-left: 32px;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
padding: 6px 8px;
|
||||
box-shadow: 0 0 0 transparent;
|
||||
transition: box-shadow 0.1s linear;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #757575;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
margin-left: 32px;
|
||||
width: calc(100% - 32px);
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
|
||||
font-size: 13px;
|
||||
/* Override core line-height. To be reviewed. */
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder {
|
||||
opacity: 1;
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder {
|
||||
color: rgba(30, 30, 30, 0.62);
|
||||
}
|
||||
|
||||
.editor-post-title {
|
||||
position: relative;
|
||||
}
|
||||
.editor-post-title.is-focus-mode {
|
||||
opacity: 0.2;
|
||||
transition: opacity 0.1s linear;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.editor-post-title.is-focus-mode {
|
||||
transition-duration: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
}
|
||||
.editor-post-title.is-focus-mode:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.editor-post-trash.components-button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 4px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.table-of-contents__popover.components-popover .components-popover__content {
|
||||
min-width: 380px;
|
||||
}
|
||||
|
||||
.components-popover.table-of-contents__popover {
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
.table-of-contents__popover .components-popover__content {
|
||||
padding: 16px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.table-of-contents__popover .components-popover__content {
|
||||
max-height: calc(100vh - 120px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
.table-of-contents__popover hr {
|
||||
margin: 10px -16px 0;
|
||||
}
|
||||
|
||||
.table-of-contents__wrapper:focus::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
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);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.table-of-contents__counts {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.table-of-contents__count {
|
||||
flex-basis: 33%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 13px;
|
||||
color: #1e1e1e;
|
||||
padding-right: 8px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.table-of-contents__count:nth-child(4n) {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.table-of-contents__number,
|
||||
.table-of-contents__popover .word-count {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
line-height: 30px;
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.table-of-contents__title {
|
||||
display: block;
|
||||
margin-top: 20px;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.editor-template-validation-notice {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.editor-template-validation-notice .components-button {
|
||||
margin-left: 5px;
|
||||
}
|
||||
+1
File diff suppressed because one or more lines are too long
+154
@@ -0,0 +1,154 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__image-popover {
|
||||
z-index: 159990;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__image-container-content {
|
||||
display: flex;
|
||||
}
|
||||
.block-editor-format-toolbar__image-container-content .components-button {
|
||||
align-self: flex-end;
|
||||
height: 30px;
|
||||
margin-bottom: 8px;
|
||||
margin-left: 8px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__image-container-value {
|
||||
margin: 7px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
white-space: nowrap;
|
||||
min-width: 150px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-value {
|
||||
margin: 7px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 150px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.block-editor-format-toolbar__link-container-value.has-invalid-link {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content {
|
||||
padding: 16px;
|
||||
}
|
||||
.components-inline-color-popover .components-popover__content .components-color-palette {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.components-inline-color-popover .components-popover__content .components-base-control__title {
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
font-weight: 600;
|
||||
color: #191e23;
|
||||
}
|
||||
.components-inline-color-popover .components-popover__content .component-color-indicator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-left:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{padding:16px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}
|
||||
+154
@@ -0,0 +1,154 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__image-popover {
|
||||
z-index: 159990;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__image-container-content {
|
||||
display: flex;
|
||||
}
|
||||
.block-editor-format-toolbar__image-container-content .components-button {
|
||||
align-self: flex-end;
|
||||
height: 30px;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 8px;
|
||||
padding: 0 6px;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__image-container-value {
|
||||
margin: 7px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
white-space: nowrap;
|
||||
min-width: 150px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.block-editor-format-toolbar__link-container-value {
|
||||
margin: 7px;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 150px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.block-editor-format-toolbar__link-container-value.has-invalid-link {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content {
|
||||
padding: 16px;
|
||||
}
|
||||
.components-inline-color-popover .components-popover__content .components-color-palette {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.components-inline-color-popover .components-popover__content .components-base-control__title {
|
||||
display: block;
|
||||
margin-bottom: 16px;
|
||||
font-weight: 600;
|
||||
color: #191e23;
|
||||
}
|
||||
.components-inline-color-popover .components-popover__content .component-color-indicator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-right:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color-popover .components-popover__content .components-tab-panel__tab-content{padding:16px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}
|
||||
@@ -0,0 +1,243 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-dropdown__content .components-popover__content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__button {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form .components-notice__content {
|
||||
margin: 0;
|
||||
}
|
||||
.list-reusable-blocks-import-form .components-notice.is-dismissible {
|
||||
padding-left: 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-reusable-blocks__container {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
.list-reusable-blocks__container .components-button {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
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, 115, 161;
|
||||
--wp-admin-theme-color-darker-20: #006187;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 69, 230;
|
||||
--wp-admin-theme-color-darker-20: #183ad6;
|
||||
--wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 82, 108;
|
||||
--wp-admin-theme-color-darker-20: #064054;
|
||||
--wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 51, 48;
|
||||
--wp-admin-theme-color-darker-20: #2b2724;
|
||||
--wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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: 70, 54, 93;
|
||||
--wp-admin-theme-color-darker-20: #3a2c4d;
|
||||
--wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 56, 45;
|
||||
--wp-admin-theme-color-darker-20: #d02c21;
|
||||
--wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 110, 116;
|
||||
--wp-admin-theme-color-darker-20: #4c6066;
|
||||
--wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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: 217, 116, 38;
|
||||
--wp-admin-theme-color-darker-20: #c36922;
|
||||
--wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:10px;margin-bottom:10px;float:left}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{padding-left:0;margin:5px 0}.list-reusable-blocks__container{display:inline-flex;align-items:center;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}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,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
+243
@@ -0,0 +1,243 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-dropdown__content .components-popover__content {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__label {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form__button {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.list-reusable-blocks-import-form .components-notice__content {
|
||||
margin: 0;
|
||||
}
|
||||
.list-reusable-blocks-import-form .components-notice.is-dismissible {
|
||||
padding-right: 0;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-reusable-blocks__container {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
.list-reusable-blocks__container .components-button {
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
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, 115, 161;
|
||||
--wp-admin-theme-color-darker-20: #006187;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 69, 230;
|
||||
--wp-admin-theme-color-darker-20: #183ad6;
|
||||
--wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 82, 108;
|
||||
--wp-admin-theme-color-darker-20: #064054;
|
||||
--wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 51, 48;
|
||||
--wp-admin-theme-color-darker-20: #2b2724;
|
||||
--wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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: 70, 54, 93;
|
||||
--wp-admin-theme-color-darker-20: #3a2c4d;
|
||||
--wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 56, 45;
|
||||
--wp-admin-theme-color-darker-20: #d02c21;
|
||||
--wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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, 110, 116;
|
||||
--wp-admin-theme-color-darker-20: #4c6066;
|
||||
--wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (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: 217, 116, 38;
|
||||
--wp-admin-theme-color-darker-20: #c36922;
|
||||
--wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
body.admin-color-sunrise {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:10px;margin-bottom:10px;float:right}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{padding-right:0;margin:5px 0}.list-reusable-blocks__container{display:inline-flex;align-items:center;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}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,115,161;--wp-admin-theme-color-darker-20:#006187;--wp-admin-theme-color-darker-20--rgb:0,97,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,69,230;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:24,58,214;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,82,108;--wp-admin-theme-color-darker-20:#064054;--wp-admin-theme-color-darker-20--rgb:6,64,84;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,51,48;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-theme-color-darker-20--rgb:43,39,36;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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:70,54,93;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-theme-color-darker-20--rgb:58,44,77;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,56,45;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-theme-color-darker-20--rgb:208,44,33;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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,110,116;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-theme-color-darker-20--rgb:76,96,102;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(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:217,116,38;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-theme-color-darker-20--rgb:195,105,34;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}}
|
||||
+184
@@ -0,0 +1,184 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.nux-dot-tip::before, .nux-dot-tip::after {
|
||||
border-radius: 100%;
|
||||
content: " ";
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
}
|
||||
.nux-dot-tip::before {
|
||||
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
||||
background: rgba(0, 115, 156, 0.9);
|
||||
opacity: 0.9;
|
||||
height: 24px;
|
||||
right: -12px;
|
||||
top: -12px;
|
||||
transform: scale(0.3333333333);
|
||||
width: 24px;
|
||||
}
|
||||
.nux-dot-tip::after {
|
||||
background: #00739c;
|
||||
height: 8px;
|
||||
right: -4px;
|
||||
top: -4px;
|
||||
width: 8px;
|
||||
}
|
||||
@keyframes nux-pulse {
|
||||
100% {
|
||||
background: rgba(0, 115, 156, 0);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 350px;
|
||||
padding: 20px 18px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] {
|
||||
margin-top: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
|
||||
margin-right: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
|
||||
margin-right: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] .components-popover__content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {
|
||||
z-index: 1000001;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {
|
||||
align-self: end;
|
||||
right: 5px;
|
||||
margin: 20px 0 0 0;
|
||||
max-width: none !important;
|
||||
position: fixed;
|
||||
left: 5px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
margin-left: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
margin-right: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
margin-left: -12px;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
margin-right: -12px;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);opacity:.9;height:24px;right:-12px;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;right:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{width:350px;padding:20px 18px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;left:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-right:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-right:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;right:5px;margin:20px 0 0;max-width:none!important;position:fixed;left:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px}
|
||||
Vendored
+188
@@ -0,0 +1,188 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* Breakpoints & Media Queries
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Shadows.
|
||||
*/
|
||||
/**
|
||||
* Editor widths.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
/**
|
||||
* Converts a hex value into the rgb equivalent.
|
||||
*
|
||||
* @param {string} hex - the hexadecimal value to convert
|
||||
* @return {string} comma separated rgb values
|
||||
*/
|
||||
/**
|
||||
* Breakpoint mixins
|
||||
*/
|
||||
/**
|
||||
* Long content fade mixin
|
||||
*
|
||||
* Creates a fading overlay to signify that the content is longer
|
||||
* than the space allows.
|
||||
*/
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
:root {
|
||||
--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, 161;
|
||||
--wp-admin-theme-color-darker-20: #005a87;
|
||||
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
||||
--wp-admin-border-width-focus: 2px;
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
||||
:root {
|
||||
--wp-admin-border-width-focus: 1.5px;
|
||||
}
|
||||
}
|
||||
|
||||
.nux-dot-tip::before, .nux-dot-tip::after {
|
||||
border-radius: 100%;
|
||||
content: " ";
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
}
|
||||
.nux-dot-tip::before {
|
||||
animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);
|
||||
background: rgba(0, 115, 156, 0.9);
|
||||
opacity: 0.9;
|
||||
height: 24px;
|
||||
left: -12px;
|
||||
top: -12px;
|
||||
transform: scale(0.3333333333);
|
||||
width: 24px;
|
||||
}
|
||||
.nux-dot-tip::after {
|
||||
background: #00739c;
|
||||
height: 8px;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
width: 8px;
|
||||
}
|
||||
@keyframes nux-pulse {
|
||||
100% {
|
||||
background: rgba(0, 115, 156, 0);
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 350px;
|
||||
padding: 20px 18px;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.nux-dot-tip .components-popover__content {
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] {
|
||||
margin-top: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
|
||||
margin-left: -4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=top] .components-popover__content {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {
|
||||
z-index: 1000001;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {
|
||||
align-self: end;
|
||||
left: 5px;
|
||||
margin: 20px 0 0 0;
|
||||
max-width: none !important;
|
||||
position: fixed;
|
||||
right: 5px;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-left: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-right: 0;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-left: -12px;
|
||||
}
|
||||
.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
|
||||
/*!rtl:ignore*/
|
||||
margin-right: -12px;
|
||||
}
|
||||
+5
@@ -0,0 +1,5 @@
|
||||
:root{--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,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);opacity:.9;height:24px;left:-12px;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;left:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{width:350px;padding:20px 18px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;right:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-left:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-left:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
|
||||
/*!rtl:ignore*/margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
|
||||
/*!rtl:ignore*/margin-right:0}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
|
||||
/*!rtl:ignore*/margin-left:-12px}.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
|
||||
/*!rtl:ignore*/margin-right:-12px}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user