This commit is contained in:
nguyen dung
2022-02-18 16:43:41 +07:00
commit 39b8cb3612
4470 changed files with 1378320 additions and 0 deletions

View File

@@ -0,0 +1,258 @@
/**
* 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);
-webkit-clip-path: inset(50%);
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;
}

View File

@@ -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);-webkit-clip-path:inset(50%);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}

View File

@@ -0,0 +1,258 @@
/**
* 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);
-webkit-clip-path: inset(50%);
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;
}

View File

@@ -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);-webkit-clip-path:inset(50%);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}

View File

@@ -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;
}

View File

@@ -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}

View File

@@ -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;
}

View File

@@ -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}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,218 @@
/**
* 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;
}
}
: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);
-webkit-clip-path: inset(50%);
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;
-webkit-clip-path: none;
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;
}

View File

@@ -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}}: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);-webkit-clip-path:inset(50%);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;-webkit-clip-path:none;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}

View File

@@ -0,0 +1,220 @@
/**
* 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;
}
}
: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);
-webkit-clip-path: inset(50%);
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;
-webkit-clip-path: none;
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;
}

View File

@@ -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}}: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);-webkit-clip-path:inset(50%);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;-webkit-clip-path:none;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}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -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: revert;
}
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;
}

View File

@@ -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:revert}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}

View File

@@ -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: revert;
}
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;
}

View File

@@ -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:revert}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}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,221 @@
/**
* 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-code > code {
font-family: Menlo, Consolas, monaco, monospace;
color: #1e1e1e;
padding: 0.8em 1em;
border: 1px solid #ddd;
border-radius: 4px;
}
.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);
}
.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-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-group:where(.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid currentColor;
margin-right: auto;
margin-left: auto;
opacity: 0.4;
}
.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 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-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0;
}

View File

@@ -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-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.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)}.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-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-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-right:auto;margin-left:auto;opacity:.4}.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 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-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}

View File

@@ -0,0 +1,221 @@
/**
* 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-code > code {
font-family: Menlo, Consolas, monaco, monospace;
color: #1e1e1e;
padding: 0.8em 1em;
border: 1px solid #ddd;
border-radius: 4px;
}
.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);
}
.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-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-group:where(.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid currentColor;
margin-left: auto;
margin-right: auto;
opacity: 0.4;
}
.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 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-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0;
}

View File

@@ -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-code>code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.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)}.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-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-group:where(.has-background){padding:1.25em 2.375em}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.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 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-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

4943
wp-includes/css/dist/components/style.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,342 @@
/**
* 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: 76px;
}
}
.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__main-shortcuts .customize-widgets-keyboard-shortcut-help-modal__shortcut-list {
margin-top: -25px;
}
.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;
}
.customize-widgets-more-menu {
margin-right: -4px;
}
.customize-widgets-more-menu .components-button {
width: auto;
padding: 0 2px;
}
@media (min-width: 600px) {
.customize-widgets-more-menu {
margin-right: 0;
}
.customize-widgets-more-menu .components-button {
padding: 0 4px;
}
}
.customize-widgets-more-menu__content .components-popover__content {
min-width: 280px;
}
@media (min-width: 480px) {
.customize-widgets-more-menu__content .components-popover__content {
width: auto;
max-width: 480px;
}
}
.customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu {
padding: 0;
}
.components-popover.customize-widgets-more-menu__content {
z-index: 99998;
}
.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;
z-index: 7;
}
.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

View File

@@ -0,0 +1,342 @@
/**
* 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: 76px;
}
}
.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__main-shortcuts .customize-widgets-keyboard-shortcut-help-modal__shortcut-list {
margin-top: -25px;
}
.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;
}
.customize-widgets-more-menu {
margin-left: -4px;
}
.customize-widgets-more-menu .components-button {
width: auto;
padding: 0 2px;
}
@media (min-width: 600px) {
.customize-widgets-more-menu {
margin-left: 0;
}
.customize-widgets-more-menu .components-button {
padding: 0 4px;
}
}
.customize-widgets-more-menu__content .components-popover__content {
min-width: 280px;
}
@media (min-width: 480px) {
.customize-widgets-more-menu__content .components-popover__content {
width: auto;
max-width: 480px;
}
}
.customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu {
padding: 0;
}
.components-popover.customize-widgets-more-menu__content {
z-index: 99998;
}
.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;
z-index: 7;
}
.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

View File

@@ -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);
}

View File

@@ -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)}

View File

@@ -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);
}

View File

@@ -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)}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

2045
wp-includes/css/dist/edit-post/style.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

1980
wp-includes/css/dist/edit-site/style.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

1014
wp-includes/css/dist/editor/style-rtl.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

1014
wp-includes/css/dist/editor/style.css vendored Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -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;
}

View File

@@ -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}

View File

@@ -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;
}

View File

@@ -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}

View File

@@ -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 > div {
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;
}
}

View File

@@ -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>div{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}}

View File

@@ -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 > div {
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;
}
}

View File

@@ -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>div{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}}

186
wp-includes/css/dist/nux/style-rtl.css vendored Normal file
View File

@@ -0,0 +1,186 @@
/**
* 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;
}
.nux-dot-tip .components-popover__content > div {
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.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
margin-left: -12px;
}
.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
margin-right: -12px;
}

View File

@@ -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}.nux-dot-tip .components-popover__content>div{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.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px}

190
wp-includes/css/dist/nux/style.css vendored Normal file
View File

@@ -0,0 +1,190 @@
/**
* 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;
}
.nux-dot-tip .components-popover__content > div {
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.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
/*!rtl:ignore*/
margin-left: -12px;
}
.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
/*!rtl:ignore*/
margin-right: -12px;
}

View File

@@ -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}.nux-dot-tip .components-popover__content>div{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.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
/*!rtl:ignore*/margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
/*!rtl:ignore*/margin-right:-12px}

View File

@@ -0,0 +1,98 @@
/**
* 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;
}
}
.reusable-blocks-menu-items__convert-modal {
z-index: 1000001;
}
.reusable-blocks-menu-items__convert-modal-actions {
padding-top: 12px;
}

View File

@@ -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}}.reusable-blocks-menu-items__convert-modal{z-index:1000001}.reusable-blocks-menu-items__convert-modal-actions{padding-top:12px}

View File

@@ -0,0 +1,98 @@
/**
* 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;
}
}
.reusable-blocks-menu-items__convert-modal {
z-index: 1000001;
}
.reusable-blocks-menu-items__convert-modal-actions {
padding-top: 12px;
}

View File

@@ -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}}.reusable-blocks-menu-items__convert-modal{z-index:1000001}.reusable-blocks-menu-items__convert-modal-actions{padding-top:12px}

View File

@@ -0,0 +1,267 @@
/**
* 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;
}
}
.wp-block-legacy-widget__edit-form {
background: #fff;
border-radius: 2px;
border: 1px solid #1e1e1e;
padding: 11px;
}
.wp-block-legacy-widget__edit-form:not([hidden]) {
display: flow-root;
}
.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title {
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0 0 12px 0;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside {
border: none;
box-shadow: none;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p {
margin: 8px 0;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label {
font-size: 13px;
line-height: 2.1;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label,
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a {
font-family: system-ui;
font-weight: normal;
color: #000;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
font-family: system-ui;
background-color: transparent;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 3px;
box-shadow: none;
color: #000;
display: block;
margin: 0;
width: 100%;
font-size: 13px;
font-weight: normal;
line-height: 1;
min-height: 30px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
padding-right: 4px;
}
.wp-block-legacy-widget__edit-form .widget.open,
.wp-block-legacy-widget__edit-form .widget.open:focus-within {
z-index: 0;
}
.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview {
color: #000;
}
.wp-block-legacy-widget__edit-preview,
.wp-block-legacy-widget__edit-no-preview {
cursor: pointer;
}
.wp-block-legacy-widget__edit-preview:hover::after,
.wp-block-legacy-widget__edit-no-preview:hover::after {
border-radius: 2px;
border: 1px solid #949494;
bottom: 0;
content: "";
right: 0;
position: absolute;
left: 0;
top: 0;
}
.wp-block-legacy-widget__edit-preview.is-offscreen {
right: -9999px;
position: absolute;
top: 0;
width: 100%;
}
.wp-block-legacy-widget__edit-preview-iframe {
overflow: hidden;
width: 100%;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview {
background: #f0f0f0;
padding: 8px 12px;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 {
font-size: 14px;
font-weight: 600;
margin: 4px 0;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p {
margin: 4px 0;
}
.wp-block-legacy-widget-inspector-card {
padding: 0 52px 16px 16px;
}
.interface-complementary-area .wp-block-legacy-widget-inspector-card__name {
margin: 0 0 5px;
font-weight: 500;
}
.is-selected .wp-block-legacy-widget__container {
padding: 8px 12px;
min-height: 50px;
}
.components-popover__content .wp-block-legacy-widget__edit-form {
min-width: 400px;
}
.wp-block-legacy-widget .components-base-control {
width: 100%;
}
.wp-block-legacy-widget .components-select-control__input {
padding: 0;
font-family: system-ui;
}
.wp-block-widget-group.has-child-selected::after {
border-radius: 2px;
border: 1px solid var(--wp-admin-theme-color);
bottom: 0;
content: "";
right: 0;
position: absolute;
left: 0;
top: 0;
}
.wp-block-widget-group .widget-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
font-weight: 600;
}
.wp-block-widget-group__placeholder .block-editor-inserter {
width: 100%;
}
.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender {
box-shadow: inset 0 0 0 1px #1e1e1e;
color: #1e1e1e;
}

File diff suppressed because one or more lines are too long

267
wp-includes/css/dist/widgets/style.css vendored Normal file
View File

@@ -0,0 +1,267 @@
/**
* 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;
}
}
.wp-block-legacy-widget__edit-form {
background: #fff;
border-radius: 2px;
border: 1px solid #1e1e1e;
padding: 11px;
}
.wp-block-legacy-widget__edit-form:not([hidden]) {
display: flow-root;
}
.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title {
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0 0 12px 0;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside {
border: none;
box-shadow: none;
display: block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p {
margin: 8px 0;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label {
font-size: 13px;
line-height: 2.1;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label,
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a {
font-family: system-ui;
font-weight: normal;
color: #000;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
font-family: system-ui;
background-color: transparent;
box-sizing: border-box;
border: 1px solid #757575;
border-radius: 3px;
box-shadow: none;
color: #000;
display: block;
margin: 0;
width: 100%;
font-size: 13px;
font-weight: normal;
line-height: 1;
min-height: 30px;
padding-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
}
.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select {
padding-left: 4px;
}
.wp-block-legacy-widget__edit-form .widget.open,
.wp-block-legacy-widget__edit-form .widget.open:focus-within {
z-index: 0;
}
.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview {
color: #000;
}
.wp-block-legacy-widget__edit-preview,
.wp-block-legacy-widget__edit-no-preview {
cursor: pointer;
}
.wp-block-legacy-widget__edit-preview:hover::after,
.wp-block-legacy-widget__edit-no-preview:hover::after {
border-radius: 2px;
border: 1px solid #949494;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.wp-block-legacy-widget__edit-preview.is-offscreen {
left: -9999px;
position: absolute;
top: 0;
width: 100%;
}
.wp-block-legacy-widget__edit-preview-iframe {
overflow: hidden;
width: 100%;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview {
background: #f0f0f0;
padding: 8px 12px;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 {
font-size: 14px;
font-weight: 600;
margin: 4px 0;
}
.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p {
margin: 4px 0;
}
.wp-block-legacy-widget-inspector-card {
padding: 0 16px 16px 52px;
}
.interface-complementary-area .wp-block-legacy-widget-inspector-card__name {
margin: 0 0 5px;
font-weight: 500;
}
.is-selected .wp-block-legacy-widget__container {
padding: 8px 12px;
min-height: 50px;
}
.components-popover__content .wp-block-legacy-widget__edit-form {
min-width: 400px;
}
.wp-block-legacy-widget .components-base-control {
width: 100%;
}
.wp-block-legacy-widget .components-select-control__input {
padding: 0;
font-family: system-ui;
}
.wp-block-widget-group.has-child-selected::after {
border-radius: 2px;
border: 1px solid var(--wp-admin-theme-color);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.wp-block-widget-group .widget-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
font-weight: 600;
}
.wp-block-widget-group__placeholder .block-editor-inserter {
width: 100%;
}
.is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender {
box-shadow: inset 0 0 0 1px #1e1e1e;
color: #1e1e1e;
}

File diff suppressed because one or more lines are too long