This commit is contained in:
KhaiNguyen
2020-02-13 10:39:37 +07:00
commit 59401cb805
12867 changed files with 4646216 additions and 0 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,144 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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: #555d66;
font-size: 13px;
text-align: center; }
.wp-block-code {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 14px;
color: #23282d;
padding: 0.8em 1em;
border: 1px solid #e2e4e7;
border-radius: 4px; }
.wp-block-embed figcaption {
color: #555d66;
font-size: 13px;
text-align: center; }
.blocks-gallery-caption {
color: #555d66;
font-size: 13px;
text-align: center; }
.wp-block-image figcaption {
color: #555d66;
font-size: 13px;
text-align: center; }
.wp-block-preformatted pre {
font-family: Menlo, Consolas, monaco, monospace;
color: #23282d;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px; }
@media (min-width: 600px) {
.wp-block-preformatted pre {
font-size: 14px; } }
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
margin-bottom: 28px;
color: #40464d; }
.wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d;
text-transform: uppercase;
font-size: 13px;
font-style: normal; }
.wp-block-quote {
border-right: 4px solid #000;
margin: 0 0 28px 0;
padding-right: 1em; }
.wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal; }
.wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
border-right: none;
border-left: 4px solid #000;
padding-right: 0;
padding-left: 1em; }
.wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center {
border: none;
padding-right: 0; }
.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.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0; }
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
margin-right: auto;
margin-left: auto; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-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 {
border-collapse: collapse; }
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
border: 1px solid;
word-break: normal; }
.wp-block-video figcaption {
color: #555d66;
font-size: 13px;
text-align: center; }

View File

@@ -0,0 +1 @@
.wp-block-audio figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;color:#23282d;font-size:16px}@media (min-width:600px){.wp-block-preformatted pre{font-size:14px}}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;margin-bottom:28px;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-quote{border-right:4px solid #000;margin:0 0 28px;padding-right:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:4px solid #000;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{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin-right:auto;margin-left:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-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{border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-video figcaption{color:#555d66;font-size:13px;text-align:center}

View File

@@ -0,0 +1,144 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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: #555d66;
font-size: 13px;
text-align: center; }
.wp-block-code {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 14px;
color: #23282d;
padding: 0.8em 1em;
border: 1px solid #e2e4e7;
border-radius: 4px; }
.wp-block-embed figcaption {
color: #555d66;
font-size: 13px;
text-align: center; }
.blocks-gallery-caption {
color: #555d66;
font-size: 13px;
text-align: center; }
.wp-block-image figcaption {
color: #555d66;
font-size: 13px;
text-align: center; }
.wp-block-preformatted pre {
font-family: Menlo, Consolas, monaco, monospace;
color: #23282d;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px; }
@media (min-width: 600px) {
.wp-block-preformatted pre {
font-size: 14px; } }
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
margin-bottom: 28px;
color: #40464d; }
.wp-block-pullquote cite,
.wp-block-pullquote footer, .wp-block-pullquote__citation {
color: #40464d;
text-transform: uppercase;
font-size: 13px;
font-style: normal; }
.wp-block-quote {
border-left: 4px solid #000;
margin: 0 0 28px 0;
padding-left: 1em; }
.wp-block-quote cite,
.wp-block-quote footer, .wp-block-quote__citation {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal; }
.wp-block-quote.has-text-align-right, .wp-block-quote.has-text-align-right {
border-left: none;
border-right: 4px solid #000;
padding-left: 0;
padding-right: 1em; }
.wp-block-quote.has-text-align-center, .wp-block-quote.has-text-align-center {
border: none;
padding-left: 0; }
.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.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0; }
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
margin-left: auto;
margin-right: auto; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-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 {
border-collapse: collapse; }
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
border: 1px solid;
word-break: normal; }
.wp-block-video figcaption {
color: #555d66;
font-size: 13px;
text-align: center; }

View File

@@ -0,0 +1 @@
.wp-block-audio figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;font-size:14px;color:#23282d;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.blocks-gallery-caption,.wp-block-embed figcaption,.wp-block-image figcaption{color:#555d66;font-size:13px;text-align:center}.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;color:#23282d;font-size:16px}@media (min-width:600px){.wp-block-preformatted pre{font-size:14px}}.wp-block-pullquote{border-top:4px solid #555d66;border-bottom:4px solid #555d66;margin-bottom:28px;color:#40464d}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:#40464d;text-transform:uppercase;font-size:13px;font-style:normal}.wp-block-quote{border-left:4px solid #000;margin:0 0 28px;padding-left:1em}.wp-block-quote__citation,.wp-block-quote cite,.wp-block-quote footer{color:#6c7781;font-size:13px;margin-top:1em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:4px solid #000;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{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:20px 30px;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid #8f98a1;margin-left:auto;margin-right:auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-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{border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-video figcaption{color:#555d66;font-size:13px;text-align:center}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

3642
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

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

2186
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

View File

@@ -0,0 +1,142 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
* Why do these exist? Why not rely on browser defaults?
* These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself.
* Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles.
*/
body {
font-family: "Noto Serif", serif;
font-size: 16px;
line-height: 1.8;
color: #191e23; }
/* Headings */
h1 {
font-size: 2.44em; }
h2 {
font-size: 1.95em; }
h3 {
font-size: 1.56em; }
h4 {
font-size: 1.25em; }
h5 {
font-size: 1em; }
h6 {
font-size: 0.8em; }
h1,
h2,
h3 {
line-height: 1.4; }
h4 {
line-height: 1.5; }
h1 {
margin-top: 0.67em;
margin-bottom: 0.67em; }
h2 {
margin-top: 0.83em;
margin-bottom: 0.83em; }
h3 {
margin-top: 1em;
margin-bottom: 1em; }
h4 {
margin-top: 1.33em;
margin-bottom: 1.33em; }
h5 {
margin-top: 1.67em;
margin-bottom: 1.67em; }
h6 {
margin-top: 2.33em;
margin-bottom: 2.33em; }
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit; }
p {
font-size: inherit;
line-height: inherit;
margin-top: 28px;
margin-bottom: 28px; }
ul,
ol {
margin-bottom: 28px;
padding: inherit; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
ul li,
ol li {
margin-bottom: initial; }
ul {
list-style-type: disc; }
ol {
list-style-type: decimal; }
ul ul,
ol ul {
list-style-type: circle; }

View File

@@ -0,0 +1 @@
body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#191e23}h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}h1,h2,h3{line-height:1.4}h4{line-height:1.5}h1{margin-top:.67em;margin-bottom:.67em}h2{margin-top:.83em;margin-bottom:.83em}h3{margin-top:1em;margin-bottom:1em}h4{margin-top:1.33em;margin-bottom:1.33em}h5{margin-top:1.67em;margin-bottom:1.67em}h6{margin-top:2.33em;margin-bottom:2.33em}h1,h2,h3,h4,h5,h6{color:inherit}p{font-size:inherit;line-height:inherit;margin-top:28px}ol,p,ul{margin-bottom:28px}ol,ul{padding:inherit}ol li,ol ol,ol ul,ul li,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}

View File

@@ -0,0 +1,142 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
* Why do these exist? Why not rely on browser defaults?
* These styles are necessary so long as CSS can bleed from the wp-admin into the editing canvas itself.
* Let's continue working to refactor these away, whether through Shadow DOM or better scoping of upstream styles.
*/
body {
font-family: "Noto Serif", serif;
font-size: 16px;
line-height: 1.8;
color: #191e23; }
/* Headings */
h1 {
font-size: 2.44em; }
h2 {
font-size: 1.95em; }
h3 {
font-size: 1.56em; }
h4 {
font-size: 1.25em; }
h5 {
font-size: 1em; }
h6 {
font-size: 0.8em; }
h1,
h2,
h3 {
line-height: 1.4; }
h4 {
line-height: 1.5; }
h1 {
margin-top: 0.67em;
margin-bottom: 0.67em; }
h2 {
margin-top: 0.83em;
margin-bottom: 0.83em; }
h3 {
margin-top: 1em;
margin-bottom: 1em; }
h4 {
margin-top: 1.33em;
margin-bottom: 1.33em; }
h5 {
margin-top: 1.67em;
margin-bottom: 1.67em; }
h6 {
margin-top: 2.33em;
margin-bottom: 2.33em; }
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit; }
p {
font-size: inherit;
line-height: inherit;
margin-top: 28px;
margin-bottom: 28px; }
ul,
ol {
margin-bottom: 28px;
padding: inherit; }
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0; }
ul li,
ol li {
margin-bottom: initial; }
ul {
list-style-type: disc; }
ol {
list-style-type: decimal; }
ul ul,
ol ul {
list-style-type: circle; }

View File

@@ -0,0 +1 @@
body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#191e23}h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}h1,h2,h3{line-height:1.4}h4{line-height:1.5}h1{margin-top:.67em;margin-bottom:.67em}h2{margin-top:.83em;margin-bottom:.83em}h3{margin-top:1em;margin-bottom:1em}h4{margin-top:1.33em;margin-bottom:1.33em}h5{margin-top:1.67em;margin-bottom:1.67em}h6{margin-top:2.33em;margin-bottom:2.33em}h1,h2,h3,h4,h5,h6{color:inherit}p{font-size:inherit;line-height:inherit;margin-top:28px}ol,p,ul{margin-bottom:28px}ol,ul{padding:inherit}ol li,ol ol,ol ul,ul li,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}

View File

@@ -0,0 +1,795 @@
@charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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-autocompleters__block .editor-block-icon {
margin-left: 8px; }
.editor-autocompleters__user .editor-autocompleters__user-avatar {
margin-left: 8px;
flex-grow: 0;
flex-shrink: 0;
max-width: none;
width: 24px;
height: 24px; }
.editor-autocompleters__user .editor-autocompleters__user-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
flex-shrink: 0;
flex-grow: 1; }
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-right: 8px;
color: #8f98a1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
max-width: 100px;
flex-grow: 0;
flex-shrink: 0; }
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
color: #66c6e4; }
.document-outline {
margin: 20px 0; }
.document-outline ul {
margin: 0;
padding: 0; }
.document-outline__item {
display: flex;
margin: 4px 0; }
.document-outline__item a {
text-decoration: none; }
.document-outline__item .document-outline__emdash::before {
color: #e2e4e7;
margin-left: 4px; }
.document-outline__item.is-h2 .document-outline__emdash::before {
content: "—"; }
.document-outline__item.is-h3 .document-outline__emdash::before {
content: "——"; }
.document-outline__item.is-h4 .document-outline__emdash::before {
content: "———"; }
.document-outline__item.is-h5 .document-outline__emdash::before {
content: "————"; }
.document-outline__item.is-h6 .document-outline__emdash::before {
content: "—————"; }
.document-outline__button {
cursor: pointer;
background: none;
border: none;
display: flex;
align-items: flex-start;
margin: 0 -1px 0 0;
padding: 2px 1px 2px 5px;
color: #23282d;
text-align: right; }
.document-outline__button:disabled {
cursor: default; }
.document-outline__button:focus {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent; }
.document-outline__level {
background: #e2e4e7;
color: #23282d;
border-radius: 3px;
font-size: 13px;
padding: 1px 6px;
margin-left: 4px; }
.is-invalid .document-outline__level {
background: #f0b849; }
.document-outline__item-content {
padding: 1px 0; }
.components-editor-notices__dismissible {
position: -webkit-sticky;
position: sticky;
top: 56px;
left: 0;
color: #191e23; }
@media (min-width: 600px) {
.components-editor-notices__dismissible {
top: 0; } }
.components-editor-notices__pinned {
position: relative;
right: 0;
top: 0;
left: 0;
color: #191e23; }
.components-editor-notices__dismissible .components-notice,
.components-editor-notices__pinned .components-notice {
box-sizing: border-box;
margin: 0 0 5px;
padding: 6px 12px;
min-height: 60px; }
.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
margin: 6px 5px 6px -5px; }
.components-editor-notices__snackbar {
width: 100%; }
.editor-error-boundary {
margin: auto;
max-width: 780px;
padding: 20px;
margin-top: 60px;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); }
.editor-page-attributes__template {
margin-bottom: 10px; }
.editor-page-attributes__template label,
.editor-page-attributes__template select {
width: 100%; }
.editor-page-attributes__order {
width: 100%; }
.editor-page-attributes__order .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.editor-page-attributes__order input {
width: 66px; }
.editor-post-excerpt__textarea {
width: 100%;
margin-bottom: 10px; }
.editor-post-featured-image {
padding: 0; }
.editor-post-featured-image .components-spinner {
margin: 0; }
.editor-post-featured-image .components-button + .components-button {
display: block;
margin-top: 1em; }
.editor-post-featured-image .components-responsive-wrapper__content {
max-width: 100%;
width: auto; }
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
display: block;
width: 100%;
padding: 0;
transition: all 0.1s ease-out;
box-shadow: 0 0 0 0 #00a0d2; }
@media (prefers-reduced-motion: reduce) {
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
transition-duration: 0s; } }
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus {
box-shadow: 0 0 0 4px #00a0d2; }
.editor-post-featured-image__toggle {
border: 1px dashed #a2aab2;
background-color: #edeff0;
line-height: 20px;
padding: 8px 0;
text-align: center; }
.editor-post-featured-image__toggle:hover {
background-color: #f8f9f9; }
.editor-post-format {
flex-direction: column;
align-items: stretch;
width: 100%; }
.editor-post-format__content {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%; }
.editor-post-format__suggestion {
text-align: left;
font-size: 13px; }
.editor-post-last-revision__title {
width: 100%;
font-weight: 600; }
.editor-post-last-revision__title .dashicon {
margin-left: 5px; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:hover, .components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:active {
border: none;
box-shadow: none; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:focus {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.editor-post-locked-modal {
height: auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
max-width: 480px; }
.editor-post-locked-modal .components-modal__header {
height: 36px; }
.editor-post-locked-modal .components-modal__content {
height: auto; }
.editor-post-locked-modal__buttons {
margin-top: 10px; }
.editor-post-locked-modal__buttons .components-button {
margin-left: 5px; }
.editor-post-locked-modal__avatar {
float: right;
margin: 5px;
margin-left: 15px; }
.editor-post-permalink {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
background: #fff;
padding: 8px 8px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
height: 40px;
white-space: nowrap;
border: 1px solid #b5bcc2;
background-clip: padding-box;
border-right: 0;
box-shadow: 3px 0 0 0 #555d66;
outline: 1px solid transparent;
margin-right: -15px;
margin-left: -15px; }
.is-dark-theme .editor-post-permalink {
box-shadow: 3px 0 0 0 #d7dade; }
@media (min-width: 480px) {
.editor-post-permalink {
padding: 4px; } }
@media (min-width: 600px) {
.editor-post-permalink {
margin-right: -1px;
margin-left: -1px; } }
.editor-post-permalink.editor-post-permalink > * {
margin-bottom: 8px; }
@media (min-width: 480px) {
.editor-post-permalink.editor-post-permalink > * {
margin-bottom: 0; } }
.editor-post-permalink button {
flex-shrink: 0; }
.editor-post-permalink__copy {
border-radius: 4px;
padding: 6px; }
.editor-post-permalink__copy.is-copied {
opacity: 0.3; }
.editor-post-permalink__label {
margin: 0 5px 0 10px;
font-weight: 600; }
.editor-post-permalink__link {
color: #7e8993;
text-decoration: underline;
margin-left: 10px;
flex-grow: 1;
overflow: hidden;
position: relative;
white-space: nowrap;
text-align: right; }
.editor-post-permalink-editor {
width: 100%;
min-width: 20%;
display: inline-flex;
align-items: center; }
.editor-post-permalink-editor .editor-post-permalink__editor-container {
flex: 0 1 100%;
display: flex;
overflow: hidden;
padding: 1px 0; }
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
flex: 1 1 auto; }
@media (min-width: 600px) {
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
flex: 1 0 auto; } }
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit {
flex: 1 1 100%; }
.editor-post-permalink-editor .editor-post-permalink-editor__save {
margin-right: auto; }
.editor-post-permalink-editor__prefix {
color: #6c7781;
min-width: 20%;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis; }
.editor-post-permalink input[type="text"].editor-post-permalink-editor__edit {
min-width: 10%;
width: 100%;
margin: 0 3px;
padding: 2px 4px; }
.editor-post-permalink-editor__suffix {
color: #6c7781;
margin-left: 6px;
flex: 0 0 0%; }
.editor-post-permalink-editor__prefix {
text-align: right; }
.editor-post-permalink__link {
text-align: left; }
.editor-post-permalink__editor-container,
.editor-post-permalink__link {
direction: ltr; }
.editor-post-permalink__link::after {
content: "";
display: block;
position: absolute;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
top: 0;
bottom: 0;
right: 0;
left: auto;
width: 20%;
height: auto; }
.editor-post-publish-panel {
background: #fff;
color: #555d66; }
.editor-post-publish-panel__content {
min-height: calc(100% - 140px); }
.editor-post-publish-panel__content .components-spinner {
display: block;
float: none;
margin: 100px auto 0; }
.editor-post-publish-panel__header {
background: #fff;
padding-right: 16px;
height: 56px;
border-bottom: 1px solid #e2e4e7;
display: flex;
align-items: center;
align-content: space-between; }
.editor-post-publish-panel__header-publish-button {
display: flex;
justify-content: flex-end;
flex-grow: 1;
text-align: left;
flex-wrap: nowrap; }
.editor-post-publish-panel__header-published {
flex-grow: 1; }
.editor-post-publish-panel__footer {
padding: 16px; }
.components-button.editor-post-publish-panel__toggle.is-primary {
display: inline-flex;
align-items: center; }
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
display: none; }
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
margin-left: -4px; }
.editor-post-publish-panel__link {
font-weight: 400;
padding-right: 4px; }
.editor-post-publish-panel__prepublish {
padding: 16px; }
.editor-post-publish-panel__prepublish strong {
color: #191e23; }
.editor-post-publish-panel__prepublish .components-panel__body {
background: #fff;
margin-right: -16px;
margin-left: -16px; }
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
display: none; }
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #e2e4e7;
border-top: none; }
.post-publish-panel__postpublish-buttons {
display: flex;
align-content: space-between;
flex-wrap: wrap;
margin: -5px; }
.post-publish-panel__postpublish-buttons > * {
flex-grow: 1;
margin: 5px; }
.post-publish-panel__postpublish-buttons .components-button {
height: auto;
justify-content: center;
padding: 3px 10px 4px;
line-height: 1.6;
text-align: center;
white-space: normal; }
.post-publish-panel__postpublish-buttons .components-clipboard-button {
width: 100%; }
.post-publish-panel__postpublish-post-address {
margin-bottom: 16px; }
.post-publish-panel__postpublish-post-address input[readonly] {
padding: 10px;
background: #e8eaeb;
overflow: hidden;
text-overflow: ellipsis; }
.post-publish-panel__postpublish-header {
font-weight: 500; }
.post-publish-panel__postpublish-subheader {
margin: 0 0 8px; }
.post-publish-panel__tip {
color: #f0b849; }
.editor-post-saved-state {
display: flex;
align-items: center;
width: 28px;
padding: 12px 4px;
color: #555d66;
overflow: hidden;
white-space: nowrap; }
.editor-post-saved-state .dashicon {
display: inline-block;
flex: 0 0 auto;
margin-left: 8px; }
@media (min-width: 600px) {
.editor-post-saved-state {
width: auto;
padding: 8px 12px;
text-indent: inherit; }
.editor-post-saved-state .dashicon {
margin-left: 4px; } }
.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft {
margin: 0; }
.editor-post-taxonomies__hierarchical-terms-list {
max-height: 14em;
overflow: auto;
padding-right: 2px; }
.editor-post-taxonomies__hierarchical-terms-choice {
margin-bottom: 8px; }
.editor-post-taxonomies__hierarchical-terms-subchoices {
margin-top: 8px;
margin-right: 16px; }
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
.components-button.editor-post-taxonomies__hierarchical-terms-add {
margin-top: 12px; }
.editor-post-taxonomies__hierarchical-terms-label {
display: inline-block;
margin-top: 12px; }
.editor-post-taxonomies__hierarchical-terms-input {
margin-top: 8px;
width: 100%; }
.editor-post-taxonomies__hierarchical-terms-filter {
margin-bottom: 8px;
width: 100%; }
.editor-post-text-editor {
border: 1px solid #e2e4e7 !important;
display: block;
margin: 0 0 2em;
width: 100%;
box-shadow: none;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace !important;
line-height: 150%;
border-radius: 0 !important;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px !important; }
@media (min-width: 600px) {
.editor-post-text-editor {
font-size: 14px !important; } }
.editor-post-text-editor:hover, .editor-post-text-editor:focus {
border: 1px solid #b5bcc2 !important;
box-shadow: none !important;
outline-offset: -2px !important; }
.editor-post-text-editor__toolbar {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.editor-post-text-editor__toolbar button {
height: 30px;
background: none;
padding: 0 8px;
margin: 3px 4px;
text-align: center;
cursor: pointer;
font-family: Menlo, Consolas, monaco, monospace;
color: #555d66;
border: 1px solid transparent; }
.editor-post-text-editor__toolbar button:first-child {
margin-right: 0; }
.editor-post-text-editor__toolbar button:hover, .editor-post-text-editor__toolbar button:focus {
outline: none;
border: 1px solid #555d66; }
.editor-post-text-editor__bold {
font-weight: 600; }
.editor-post-text-editor__italic {
font-style: italic; }
.editor-post-text-editor__link {
text-decoration: underline;
color: #0085ba; }
body.admin-color-sunrise .editor-post-text-editor__link{
color: #d1864a; }
body.admin-color-ocean .editor-post-text-editor__link{
color: #a3b9a2; }
body.admin-color-midnight .editor-post-text-editor__link{
color: #e14d43; }
body.admin-color-ectoplasm .editor-post-text-editor__link{
color: #a7b656; }
body.admin-color-coffee .editor-post-text-editor__link{
color: #c2a68c; }
body.admin-color-blue .editor-post-text-editor__link{
color: #82b4cb; }
body.admin-color-light .editor-post-text-editor__link{
color: #0085ba; }
.editor-post-text-editor__del {
text-decoration: line-through; }
.edit-post-post-visibility__dialog,
.editor-post-visibility__dialog-fieldset {
padding: 4px;
padding-top: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
font-weight: 600;
margin-bottom: 1em;
margin-top: 0.5em;
padding: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio {
margin-top: 2px; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
font-weight: 600; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
margin-top: 0;
margin-right: 28px; }
.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
margin-bottom: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input {
margin-right: 28px; }
.editor-post-title__block {
position: relative;
padding: 5px 0;
font-size: 16px; }
@media (min-width: 600px) {
.editor-post-title__block {
padding: 5px 2px; } }
.editor-post-title__block .editor-post-title__input {
display: block;
width: 100%;
margin: 0;
box-shadow: none;
background: transparent;
font-family: "Noto Serif", serif;
line-height: 1.4;
color: #191e23;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 19px 14px;
word-break: keep-all;
border: 1px solid transparent;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
outline: 1px solid transparent;
font-size: 2.44em;
font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
.editor-post-title__block .editor-post-title__input {
transition-duration: 0s; } }
@media (min-width: 600px) {
.editor-post-title__block .editor-post-title__input {
border-width: 1px;
border-right-width: 0; } }
.editor-post-title__block .editor-post-title__input::-webkit-input-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input::-moz-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input:-ms-input-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input:focus {
border: 1px solid transparent;
border-right-width: 0;
outline: 1px solid transparent;
box-shadow: none; }
.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
border-color: rgba(66, 88, 99, 0.4);
box-shadow: inset -3px 0 0 0 #555d66; }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
border-color: rgba(255, 255, 255, 0.45);
box-shadow: inset -3px 0 0 0 #d7dade; }
@media (min-width: 600px) {
.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
box-shadow: 3px 0 0 0 #555d66; }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
box-shadow: 3px 0 0 0 #d7dade; } }
.editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover {
box-shadow: 3px 0 0 0 rgba(145, 151, 162, 0.25); }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover {
box-shadow: 3px 0 0 0 rgba(255, 255, 255, 0.25); }
.editor-post-title__block.is-focus-mode .editor-post-title__input {
opacity: 0.5;
transition: opacity 0.1s linear; }
@media (prefers-reduced-motion: reduce) {
.editor-post-title__block.is-focus-mode .editor-post-title__input {
transition-duration: 0s; } }
.editor-post-title__block.is-focus-mode .editor-post-title__input:focus {
opacity: 1; }
.editor-post-title .editor-post-permalink {
font-size: 13px;
color: #191e23;
height: auto;
position: relative;
right: 3px;
top: -2px;
width: calc(100% - 3px); }
@media (min-width: 480px) {
.editor-post-title .editor-post-permalink {
position: absolute;
top: -34px;
left: 0;
flex-wrap: nowrap;
width: auto; } }
@media (min-width: 600px) {
.editor-post-title .editor-post-permalink {
right: 2px;
left: 2px; } }
.editor-post-trash.components-button {
width: 100%;
color: #b52727;
border-color: #b52727;
justify-content: center; }
.editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus {
color: #a02222;
border-color: #a02222; }
.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content {
min-width: 380px; }
.components-popover.table-of-contents__popover {
z-index: 99998; }
.table-of-contents__popover .components-popover__content {
padding: 16px; }
@media (min-width: 600px) {
.table-of-contents__popover .components-popover__content {
max-height: calc(100vh - 120px);
overflow-y: auto; } }
.table-of-contents__popover hr {
margin: 10px -16px 0; }
.table-of-contents__wrapper:focus {
color: #191e23;
outline-offset: -1px;
outline: 1px dotted #555d66;
outline-offset: 8px; }
.table-of-contents__counts {
display: flex;
flex-wrap: wrap;
margin: 0; }
.table-of-contents__count {
flex-basis: 25%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #6c7781;
padding-left: 8px;
margin-bottom: 0; }
.table-of-contents__count:last-child {
padding-left: 0; }
.table-of-contents__number,
.table-of-contents__popover .word-count {
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #555d66; }
.table-of-contents__title {
display: block;
margin-top: 20px;
font-size: 15px;
font-weight: 600; }
.editor-template-validation-notice {
display: flex;
justify-content: space-between;
align-items: center; }
.editor-template-validation-notice .components-button {
margin-right: 5px; }

File diff suppressed because one or more lines are too long

799
wp-includes/css/dist/editor/style.css vendored Normal file
View File

@@ -0,0 +1,799 @@
@charset "UTF-8";
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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-autocompleters__block .editor-block-icon {
margin-right: 8px; }
.editor-autocompleters__user .editor-autocompleters__user-avatar {
margin-right: 8px;
flex-grow: 0;
flex-shrink: 0;
max-width: none;
width: 24px;
height: 24px; }
.editor-autocompleters__user .editor-autocompleters__user-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
flex-shrink: 0;
flex-grow: 1; }
.editor-autocompleters__user .editor-autocompleters__user-slug {
margin-left: 8px;
color: #8f98a1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: none;
max-width: 100px;
flex-grow: 0;
flex-shrink: 0; }
.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
color: #66c6e4; }
.document-outline {
margin: 20px 0; }
.document-outline ul {
margin: 0;
padding: 0; }
.document-outline__item {
display: flex;
margin: 4px 0; }
.document-outline__item a {
text-decoration: none; }
.document-outline__item .document-outline__emdash::before {
color: #e2e4e7;
margin-right: 4px; }
.document-outline__item.is-h2 .document-outline__emdash::before {
content: "—"; }
.document-outline__item.is-h3 .document-outline__emdash::before {
content: "——"; }
.document-outline__item.is-h4 .document-outline__emdash::before {
content: "———"; }
.document-outline__item.is-h5 .document-outline__emdash::before {
content: "————"; }
.document-outline__item.is-h6 .document-outline__emdash::before {
content: "—————"; }
.document-outline__button {
cursor: pointer;
background: none;
border: none;
display: flex;
align-items: flex-start;
margin: 0 0 0 -1px;
padding: 2px 5px 2px 1px;
color: #23282d;
text-align: left; }
.document-outline__button:disabled {
cursor: default; }
.document-outline__button:focus {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent; }
.document-outline__level {
background: #e2e4e7;
color: #23282d;
border-radius: 3px;
font-size: 13px;
padding: 1px 6px;
margin-right: 4px; }
.is-invalid .document-outline__level {
background: #f0b849; }
.document-outline__item-content {
padding: 1px 0; }
.components-editor-notices__dismissible {
position: -webkit-sticky;
position: sticky;
top: 56px;
right: 0;
color: #191e23; }
@media (min-width: 600px) {
.components-editor-notices__dismissible {
top: 0; } }
.components-editor-notices__pinned {
position: relative;
left: 0;
top: 0;
right: 0;
color: #191e23; }
.components-editor-notices__dismissible .components-notice,
.components-editor-notices__pinned .components-notice {
box-sizing: border-box;
margin: 0 0 5px;
padding: 6px 12px;
min-height: 60px; }
.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
margin: 6px -5px 6px 5px; }
.components-editor-notices__snackbar {
width: 100%; }
.editor-error-boundary {
margin: auto;
max-width: 780px;
padding: 20px;
margin-top: 60px;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.2); }
.editor-page-attributes__template {
margin-bottom: 10px; }
.editor-page-attributes__template label,
.editor-page-attributes__template select {
width: 100%; }
.editor-page-attributes__order {
width: 100%; }
.editor-page-attributes__order .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center; }
.editor-page-attributes__order input {
width: 66px; }
.editor-post-excerpt__textarea {
width: 100%;
margin-bottom: 10px; }
.editor-post-featured-image {
padding: 0; }
.editor-post-featured-image .components-spinner {
margin: 0; }
.editor-post-featured-image .components-button + .components-button {
display: block;
margin-top: 1em; }
.editor-post-featured-image .components-responsive-wrapper__content {
max-width: 100%;
width: auto; }
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
display: block;
width: 100%;
padding: 0;
transition: all 0.1s ease-out;
box-shadow: 0 0 0 0 #00a0d2; }
@media (prefers-reduced-motion: reduce) {
.editor-post-featured-image__toggle,
.editor-post-featured-image__preview {
transition-duration: 0s; } }
.editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus {
box-shadow: 0 0 0 4px #00a0d2; }
.editor-post-featured-image__toggle {
border: 1px dashed #a2aab2;
background-color: #edeff0;
line-height: 20px;
padding: 8px 0;
text-align: center; }
.editor-post-featured-image__toggle:hover {
background-color: #f8f9f9; }
.editor-post-format {
flex-direction: column;
align-items: stretch;
width: 100%; }
.editor-post-format__content {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%; }
.editor-post-format__suggestion {
text-align: right;
font-size: 13px; }
.editor-post-last-revision__title {
width: 100%;
font-weight: 600; }
.editor-post-last-revision__title .dashicon {
margin-right: 5px; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:hover, .components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:active {
border: none;
box-shadow: none; }
.components-icon-button:not(:disabled):not([aria-disabled="true"]).editor-post-last-revision__title:focus {
color: #191e23;
border: none;
box-shadow: none;
outline-offset: -2px;
outline: 1px dotted #555d66; }
.editor-post-locked-modal {
height: auto;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
max-width: 480px; }
.editor-post-locked-modal .components-modal__header {
height: 36px; }
.editor-post-locked-modal .components-modal__content {
height: auto; }
.editor-post-locked-modal__buttons {
margin-top: 10px; }
.editor-post-locked-modal__buttons .components-button {
margin-right: 5px; }
.editor-post-locked-modal__avatar {
float: left;
margin: 5px;
margin-right: 15px; }
.editor-post-permalink {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
background: #fff;
padding: 8px 8px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
height: 40px;
white-space: nowrap;
border: 1px solid #b5bcc2;
background-clip: padding-box;
border-left: 0;
box-shadow: -3px 0 0 0 #555d66;
outline: 1px solid transparent;
margin-left: -15px;
margin-right: -15px; }
.is-dark-theme .editor-post-permalink {
box-shadow: -3px 0 0 0 #d7dade; }
@media (min-width: 480px) {
.editor-post-permalink {
padding: 4px; } }
@media (min-width: 600px) {
.editor-post-permalink {
margin-left: -1px;
margin-right: -1px; } }
.editor-post-permalink.editor-post-permalink > * {
margin-bottom: 8px; }
@media (min-width: 480px) {
.editor-post-permalink.editor-post-permalink > * {
margin-bottom: 0; } }
.editor-post-permalink button {
flex-shrink: 0; }
.editor-post-permalink__copy {
border-radius: 4px;
padding: 6px; }
.editor-post-permalink__copy.is-copied {
opacity: 0.3; }
.editor-post-permalink__label {
margin: 0 10px 0 5px;
font-weight: 600; }
.editor-post-permalink__link {
color: #7e8993;
text-decoration: underline;
margin-right: 10px;
flex-grow: 1;
overflow: hidden;
position: relative;
white-space: nowrap;
text-align: left; }
.editor-post-permalink-editor {
width: 100%;
min-width: 20%;
display: inline-flex;
align-items: center; }
.editor-post-permalink-editor .editor-post-permalink__editor-container {
flex: 0 1 100%;
display: flex;
overflow: hidden;
padding: 1px 0; }
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
flex: 1 1 auto; }
@media (min-width: 600px) {
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
flex: 1 0 auto; } }
.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit {
flex: 1 1 100%; }
.editor-post-permalink-editor .editor-post-permalink-editor__save {
margin-left: auto; }
.editor-post-permalink-editor__prefix {
color: #6c7781;
min-width: 20%;
overflow: hidden;
position: relative;
white-space: nowrap;
text-overflow: ellipsis; }
.editor-post-permalink input[type="text"].editor-post-permalink-editor__edit {
min-width: 10%;
width: 100%;
margin: 0 3px;
padding: 2px 4px; }
.editor-post-permalink-editor__suffix {
color: #6c7781;
margin-right: 6px;
flex: 0 0 0%; }
.editor-post-permalink-editor__prefix {
text-align: left; }
/* rtl:begin:ignore */
.editor-post-permalink__link {
text-align: left; }
.editor-post-permalink__editor-container,
.editor-post-permalink__link {
direction: ltr; }
.editor-post-permalink__link::after {
content: "";
display: block;
position: absolute;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 90%);
top: 0;
bottom: 0;
right: 0;
left: auto;
width: 20%;
height: auto; }
/* rtl:end:ignore */
.editor-post-publish-panel {
background: #fff;
color: #555d66; }
.editor-post-publish-panel__content {
min-height: calc(100% - 140px); }
.editor-post-publish-panel__content .components-spinner {
display: block;
float: none;
margin: 100px auto 0; }
.editor-post-publish-panel__header {
background: #fff;
padding-left: 16px;
height: 56px;
border-bottom: 1px solid #e2e4e7;
display: flex;
align-items: center;
align-content: space-between; }
.editor-post-publish-panel__header-publish-button {
display: flex;
justify-content: flex-end;
flex-grow: 1;
text-align: right;
flex-wrap: nowrap; }
.editor-post-publish-panel__header-published {
flex-grow: 1; }
.editor-post-publish-panel__footer {
padding: 16px; }
.components-button.editor-post-publish-panel__toggle.is-primary {
display: inline-flex;
align-items: center; }
.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
display: none; }
.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
margin-right: -4px; }
.editor-post-publish-panel__link {
font-weight: 400;
padding-left: 4px; }
.editor-post-publish-panel__prepublish {
padding: 16px; }
.editor-post-publish-panel__prepublish strong {
color: #191e23; }
.editor-post-publish-panel__prepublish .components-panel__body {
background: #fff;
margin-left: -16px;
margin-right: -16px; }
.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
display: none; }
.post-publish-panel__postpublish .components-panel__body {
border-bottom: 1px solid #e2e4e7;
border-top: none; }
.post-publish-panel__postpublish-buttons {
display: flex;
align-content: space-between;
flex-wrap: wrap;
margin: -5px; }
.post-publish-panel__postpublish-buttons > * {
flex-grow: 1;
margin: 5px; }
.post-publish-panel__postpublish-buttons .components-button {
height: auto;
justify-content: center;
padding: 3px 10px 4px;
line-height: 1.6;
text-align: center;
white-space: normal; }
.post-publish-panel__postpublish-buttons .components-clipboard-button {
width: 100%; }
.post-publish-panel__postpublish-post-address {
margin-bottom: 16px; }
.post-publish-panel__postpublish-post-address input[readonly] {
padding: 10px;
background: #e8eaeb;
overflow: hidden;
text-overflow: ellipsis; }
.post-publish-panel__postpublish-header {
font-weight: 500; }
.post-publish-panel__postpublish-subheader {
margin: 0 0 8px; }
.post-publish-panel__tip {
color: #f0b849; }
.editor-post-saved-state {
display: flex;
align-items: center;
width: 28px;
padding: 12px 4px;
color: #555d66;
overflow: hidden;
white-space: nowrap; }
.editor-post-saved-state .dashicon {
display: inline-block;
flex: 0 0 auto;
margin-right: 8px; }
@media (min-width: 600px) {
.editor-post-saved-state {
width: auto;
padding: 8px 12px;
text-indent: inherit; }
.editor-post-saved-state .dashicon {
margin-right: 4px; } }
.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft {
margin: 0; }
.editor-post-taxonomies__hierarchical-terms-list {
max-height: 14em;
overflow: auto;
padding-left: 2px; }
.editor-post-taxonomies__hierarchical-terms-choice {
margin-bottom: 8px; }
.editor-post-taxonomies__hierarchical-terms-subchoices {
margin-top: 8px;
margin-left: 16px; }
.components-button.editor-post-taxonomies__hierarchical-terms-submit,
.components-button.editor-post-taxonomies__hierarchical-terms-add {
margin-top: 12px; }
.editor-post-taxonomies__hierarchical-terms-label {
display: inline-block;
margin-top: 12px; }
.editor-post-taxonomies__hierarchical-terms-input {
margin-top: 8px;
width: 100%; }
.editor-post-taxonomies__hierarchical-terms-filter {
margin-bottom: 8px;
width: 100%; }
.editor-post-text-editor {
border: 1px solid #e2e4e7 !important;
display: block;
margin: 0 0 2em;
width: 100%;
box-shadow: none;
resize: none;
overflow: hidden;
font-family: Menlo, Consolas, monaco, monospace !important;
line-height: 150%;
border-radius: 0 !important;
/* Fonts smaller than 16px causes mobile safari to zoom. */
font-size: 16px !important; }
@media (min-width: 600px) {
.editor-post-text-editor {
font-size: 14px !important; } }
.editor-post-text-editor:hover, .editor-post-text-editor:focus {
border: 1px solid #b5bcc2 !important;
box-shadow: none !important;
outline-offset: -2px !important; }
.editor-post-text-editor__toolbar {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.editor-post-text-editor__toolbar button {
height: 30px;
background: none;
padding: 0 8px;
margin: 3px 4px;
text-align: center;
cursor: pointer;
font-family: Menlo, Consolas, monaco, monospace;
color: #555d66;
border: 1px solid transparent; }
.editor-post-text-editor__toolbar button:first-child {
margin-left: 0; }
.editor-post-text-editor__toolbar button:hover, .editor-post-text-editor__toolbar button:focus {
outline: none;
border: 1px solid #555d66; }
.editor-post-text-editor__bold {
font-weight: 600; }
.editor-post-text-editor__italic {
font-style: italic; }
.editor-post-text-editor__link {
text-decoration: underline;
color: #0085ba; }
body.admin-color-sunrise .editor-post-text-editor__link{
color: #d1864a; }
body.admin-color-ocean .editor-post-text-editor__link{
color: #a3b9a2; }
body.admin-color-midnight .editor-post-text-editor__link{
color: #e14d43; }
body.admin-color-ectoplasm .editor-post-text-editor__link{
color: #a7b656; }
body.admin-color-coffee .editor-post-text-editor__link{
color: #c2a68c; }
body.admin-color-blue .editor-post-text-editor__link{
color: #82b4cb; }
body.admin-color-light .editor-post-text-editor__link{
color: #0085ba; }
.editor-post-text-editor__del {
text-decoration: line-through; }
.edit-post-post-visibility__dialog,
.editor-post-visibility__dialog-fieldset {
padding: 4px;
padding-top: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
font-weight: 600;
margin-bottom: 1em;
margin-top: 0.5em;
padding: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio {
margin-top: 2px; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
font-weight: 600; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
margin-top: 0;
margin-left: 28px; }
.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
margin-bottom: 0; }
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input {
margin-left: 28px; }
.editor-post-title__block {
position: relative;
padding: 5px 0;
font-size: 16px; }
@media (min-width: 600px) {
.editor-post-title__block {
padding: 5px 2px; } }
.editor-post-title__block .editor-post-title__input {
display: block;
width: 100%;
margin: 0;
box-shadow: none;
background: transparent;
font-family: "Noto Serif", serif;
line-height: 1.4;
color: #191e23;
transition: border 0.1s ease-out, box-shadow 0.1s linear;
padding: 19px 14px;
word-break: keep-all;
border: 1px solid transparent;
border-left-width: 0;
border-right-width: 0;
border-radius: 0;
outline: 1px solid transparent;
font-size: 2.44em;
font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
.editor-post-title__block .editor-post-title__input {
transition-duration: 0s; } }
@media (min-width: 600px) {
.editor-post-title__block .editor-post-title__input {
border-width: 1px;
border-left-width: 0; } }
.editor-post-title__block .editor-post-title__input::-webkit-input-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input::-moz-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input:-ms-input-placeholder {
color: rgba(22, 36, 53, 0.55); }
.editor-post-title__block .editor-post-title__input:focus {
border: 1px solid transparent;
border-left-width: 0;
outline: 1px solid transparent;
box-shadow: none; }
.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
border-color: rgba(66, 88, 99, 0.4);
box-shadow: inset 3px 0 0 0 #555d66; }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
border-color: rgba(255, 255, 255, 0.45);
box-shadow: inset 3px 0 0 0 #d7dade; }
@media (min-width: 600px) {
.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
box-shadow: -3px 0 0 0 #555d66; }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
box-shadow: -3px 0 0 0 #d7dade; } }
.editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover {
box-shadow: -3px 0 0 0 rgba(145, 151, 162, 0.25); }
.is-dark-theme .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover {
box-shadow: -3px 0 0 0 rgba(255, 255, 255, 0.25); }
.editor-post-title__block.is-focus-mode .editor-post-title__input {
opacity: 0.5;
transition: opacity 0.1s linear; }
@media (prefers-reduced-motion: reduce) {
.editor-post-title__block.is-focus-mode .editor-post-title__input {
transition-duration: 0s; } }
.editor-post-title__block.is-focus-mode .editor-post-title__input:focus {
opacity: 1; }
.editor-post-title .editor-post-permalink {
font-size: 13px;
color: #191e23;
height: auto;
position: relative;
left: 3px;
top: -2px;
width: calc(100% - 3px); }
@media (min-width: 480px) {
.editor-post-title .editor-post-permalink {
position: absolute;
top: -34px;
right: 0;
flex-wrap: nowrap;
width: auto; } }
@media (min-width: 600px) {
.editor-post-title .editor-post-permalink {
left: 2px;
right: 2px; } }
.editor-post-trash.components-button {
width: 100%;
color: #b52727;
border-color: #b52727;
justify-content: center; }
.editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus {
color: #a02222;
border-color: #a02222; }
.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content {
min-width: 380px; }
.components-popover.table-of-contents__popover {
z-index: 99998; }
.table-of-contents__popover .components-popover__content {
padding: 16px; }
@media (min-width: 600px) {
.table-of-contents__popover .components-popover__content {
max-height: calc(100vh - 120px);
overflow-y: auto; } }
.table-of-contents__popover hr {
margin: 10px -16px 0; }
.table-of-contents__wrapper:focus {
color: #191e23;
outline-offset: -1px;
outline: 1px dotted #555d66;
outline-offset: 8px; }
.table-of-contents__counts {
display: flex;
flex-wrap: wrap;
margin: 0; }
.table-of-contents__count {
flex-basis: 25%;
display: flex;
flex-direction: column;
font-size: 13px;
color: #6c7781;
padding-right: 8px;
margin-bottom: 0; }
.table-of-contents__count:last-child {
padding-right: 0; }
.table-of-contents__number,
.table-of-contents__popover .word-count {
font-size: 21px;
font-weight: 400;
line-height: 30px;
color: #555d66; }
.table-of-contents__title {
display: block;
margin-top: 20px;
font-size: 15px;
font-weight: 600; }
.editor-template-validation-notice {
display: flex;
justify-content: space-between;
align-items: center; }
.editor-template-validation-notice .components-button {
margin-left: 5px; }

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,70 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
*/
.block-editor-format-toolbar__image-container-content {
display: flex; }
.block-editor-format-toolbar__image-container-content .components-icon-button {
height: 52px;
align-self: flex-end; }
.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__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: #d94f4f; }

View File

@@ -0,0 +1 @@
.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-icon-button{height:52px;align-self:flex-end}.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__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:#d94f4f}

View File

@@ -0,0 +1,70 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
*/
.block-editor-format-toolbar__image-container-content {
display: flex; }
.block-editor-format-toolbar__image-container-content .components-icon-button {
height: 52px;
align-self: flex-end; }
.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__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: #d94f4f; }

View File

@@ -0,0 +1 @@
.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-icon-button{height:52px;align-self:flex-end}.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__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:#d94f4f}

View File

@@ -0,0 +1,59 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
*/
.list-reusable-blocks-import-dropdown__content .components-popover__content {
padding: 10px; }
.list-reusable-blocks-import-form__label {
display: block;
margin-bottom: 10px; }
.list-reusable-blocks-import-form__button {
margin-top: 20px;
float: left; }
.list-reusable-blocks-import-form .components-notice__content {
margin: 0; }
.list-reusable-blocks__container {
display: inline-flex;
padding: 9px 0 4px;
align-items: center;
vertical-align: top; }

View File

@@ -0,0 +1 @@
.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:20px;float:left}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks__container{display:inline-flex;padding:9px 0 4px;align-items:center;vertical-align:top}

View File

@@ -0,0 +1,59 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
*/
.list-reusable-blocks-import-dropdown__content .components-popover__content {
padding: 10px; }
.list-reusable-blocks-import-form__label {
display: block;
margin-bottom: 10px; }
.list-reusable-blocks-import-form__button {
margin-top: 20px;
float: right; }
.list-reusable-blocks-import-form .components-notice__content {
margin: 0; }
.list-reusable-blocks__container {
display: inline-flex;
padding: 9px 0 4px;
align-items: center;
vertical-align: top; }

View File

@@ -0,0 +1 @@
.list-reusable-blocks-import-dropdown__content .components-popover__content{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:20px;float:right}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks__container{display:inline-flex;padding:9px 0 4px;align-items:center;vertical-align:top}

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

@@ -0,0 +1,126 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
*/
.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);
height: 24px;
right: -12px;
top: -12px;
transform: scale(0.33333);
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 {
padding: 5px 20px 5px 41px;
width: 350px; }
@media (min-width: 600px) {
.nux-dot-tip .components-popover__content {
width: 450px; } }
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
position: absolute;
left: 0;
top: 0; }
.nux-dot-tip.is-top {
margin-top: -4px; }
.nux-dot-tip.is-bottom {
margin-top: 4px; }
.nux-dot-tip.is-middle.is-left {
margin-right: -4px; }
.nux-dot-tip.is-middle.is-right {
margin-right: 4px; }
.nux-dot-tip.is-top .components-popover__content {
margin-bottom: 20px; }
.nux-dot-tip.is-bottom .components-popover__content {
margin-top: 20px; }
.nux-dot-tip.is-middle.is-left .components-popover__content {
margin-left: 20px; }
.nux-dot-tip.is-middle.is-right .components-popover__content {
margin-right: 20px; }
.nux-dot-tip:not(.is-mobile).is-left, .nux-dot-tip:not(.is-mobile).is-center, .nux-dot-tip:not(.is-mobile).is-right {
z-index: 1000001; }
@media (max-width: 600px) {
.nux-dot-tip:not(.is-mobile).is-left .components-popover__content, .nux-dot-tip:not(.is-mobile).is-center .components-popover__content, .nux-dot-tip:not(.is-mobile).is-right .components-popover__content {
-ms-grid-row-align: end;
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(.is-mobile):not(.is-middle).is-right .components-popover__content {
margin-left: 0; }
.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
margin-right: 0; }
.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content {
margin-left: -12px; }
.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
margin-right: -12px; }

View File

@@ -0,0 +1 @@
.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);height:24px;right:-12px;top:-12px;transform:scale(.33333);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{padding:5px 20px 5px 41px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;left:0;top:0}.nux-dot-tip.is-top{margin-top:-4px}.nux-dot-tip.is-bottom{margin-top:4px}.nux-dot-tip.is-middle.is-left{margin-right:-4px}.nux-dot-tip.is-middle.is-right{margin-right:4px}.nux-dot-tip.is-top .components-popover__content{margin-bottom:20px}.nux-dot-tip.is-bottom .components-popover__content{margin-top:20px}.nux-dot-tip.is-middle.is-left .components-popover__content{margin-left:20px}.nux-dot-tip.is-middle.is-right .components-popover__content{margin-right:20px}.nux-dot-tip:not(.is-mobile).is-center,.nux-dot-tip:not(.is-mobile).is-left,.nux-dot-tip:not(.is-mobile).is-right{z-index:1000001}@media (max-width:600px){.nux-dot-tip:not(.is-mobile).is-center .components-popover__content,.nux-dot-tip:not(.is-mobile).is-left .components-popover__content,.nux-dot-tip:not(.is-mobile).is-right .components-popover__content{-ms-grid-row-align:end;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(.is-mobile):not(.is-middle).is-right .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content{margin-right:-12px}

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

@@ -0,0 +1,130 @@
/**
* Colors
*/
/**
* Breakpoints & Media Queries
*/
/**
* Often re-used variables
*/
/**
* Breakpoint mixins
*/
/**
* Long content fade mixin
*
* Creates a fading overlay to signify that the content is longer
* than the space allows.
*/
/**
* Button states and focus styles
*/
/**
* Applies editor left position to the selector passed as argument
*/
/**
* Applies editor right 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.
*/
.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);
height: 24px;
left: -12px;
top: -12px;
transform: scale(0.33333);
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 {
padding: 5px 41px 5px 20px;
width: 350px; }
@media (min-width: 600px) {
.nux-dot-tip .components-popover__content {
width: 450px; } }
.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
position: absolute;
right: 0;
top: 0; }
.nux-dot-tip.is-top {
margin-top: -4px; }
.nux-dot-tip.is-bottom {
margin-top: 4px; }
.nux-dot-tip.is-middle.is-left {
margin-left: -4px; }
.nux-dot-tip.is-middle.is-right {
margin-left: 4px; }
.nux-dot-tip.is-top .components-popover__content {
margin-bottom: 20px; }
.nux-dot-tip.is-bottom .components-popover__content {
margin-top: 20px; }
.nux-dot-tip.is-middle.is-left .components-popover__content {
margin-right: 20px; }
.nux-dot-tip.is-middle.is-right .components-popover__content {
margin-left: 20px; }
.nux-dot-tip:not(.is-mobile).is-left, .nux-dot-tip:not(.is-mobile).is-center, .nux-dot-tip:not(.is-mobile).is-right {
z-index: 1000001; }
@media (max-width: 600px) {
.nux-dot-tip:not(.is-mobile).is-left .components-popover__content, .nux-dot-tip:not(.is-mobile).is-center .components-popover__content, .nux-dot-tip:not(.is-mobile).is-right .components-popover__content {
-ms-grid-row-align: end;
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(.is-mobile):not(.is-middle).is-right .components-popover__content {
/*!rtl:ignore*/
margin-left: 0; }
.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
/*!rtl:ignore*/
margin-right: 0; }
.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content {
/*!rtl:ignore*/
margin-left: -12px; }
.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content {
/*!rtl:ignore*/
margin-right: -12px; }

View File

@@ -0,0 +1,5 @@
.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);height:24px;left:-12px;top:-12px;transform:scale(.33333);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{padding:5px 41px 5px 20px;width:350px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;right:0;top:0}.nux-dot-tip.is-top{margin-top:-4px}.nux-dot-tip.is-bottom{margin-top:4px}.nux-dot-tip.is-middle.is-left{margin-left:-4px}.nux-dot-tip.is-middle.is-right{margin-left:4px}.nux-dot-tip.is-top .components-popover__content{margin-bottom:20px}.nux-dot-tip.is-bottom .components-popover__content{margin-top:20px}.nux-dot-tip.is-middle.is-left .components-popover__content{margin-right:20px}.nux-dot-tip.is-middle.is-right .components-popover__content{margin-left:20px}.nux-dot-tip:not(.is-mobile).is-center,.nux-dot-tip:not(.is-mobile).is-left,.nux-dot-tip:not(.is-mobile).is-right{z-index:1000001}@media (max-width:600px){.nux-dot-tip:not(.is-mobile).is-center .components-popover__content,.nux-dot-tip:not(.is-mobile).is-left .components-popover__content,.nux-dot-tip:not(.is-mobile).is-right .components-popover__content{-ms-grid-row-align:end;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(.is-mobile):not(.is-middle).is-right .components-popover__content{
/*!rtl:ignore*/margin-left:0}.nux-dot-tip.components-popover:not(.is-mobile):not(.is-middle).is-left .components-popover__content{
/*!rtl:ignore*/margin-right:0}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-right .components-popover__content{
/*!rtl:ignore*/margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not(.is-mobile):not(.is-middle).is-left .components-popover__content{
/*!rtl:ignore*/margin-right:-12px}