Move all files to taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/
This commit is contained in:
parent
80c38777dc
commit
7cc2622551
1874 changed files with 0 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
2045
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/block-editor/style.css
vendored
Normal file
2045
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/block-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
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
1159
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/block-library/editor.css
vendored
Normal file
1159
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/block-library/editor.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
1087
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/block-library/style.css
vendored
Normal file
1087
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/block-library/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
|
|
@ -0,0 +1,102 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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-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;
|
||||
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: 20px 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[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
|
||||
border-right: none;
|
||||
border-left: 4px solid #000;
|
||||
padding-right: 0;
|
||||
padding-left: 1em; }
|
||||
.wp-block-quote[style*="text-align:center"], .wp-block-quote[style*="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-separator {
|
||||
border: none;
|
||||
border-bottom: 2px solid #8f98a1;
|
||||
margin: 1.65em auto; }
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
max-width: 100px; }
|
||||
|
||||
.wp-block-table {
|
||||
width: 100%;
|
||||
min-width: 240px;
|
||||
border-collapse: collapse; }
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
padding: 0.5em;
|
||||
border: 1px solid currentColor;
|
||||
word-break: break-all; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
.wp-block-code{font-size:14px;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-code,.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;color:#23282d}.wp-block-preformatted pre{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;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:20px 0;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[style*="text-align:right"],.wp-block-quote[style*="text-align: right"]{border-right:none;border-left:4px solid #000;padding-right:0;padding-left:1em}.wp-block-quote[style*="text-align:center"],.wp-block-quote[style*="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-separator{border:none;border-bottom:2px solid #8f98a1;margin:1.65em auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-table{width:100%;min-width:240px;border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:break-all}
|
||||
|
|
@ -0,0 +1,102 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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-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;
|
||||
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: 20px 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[style*="text-align:right"], .wp-block-quote[style*="text-align: right"] {
|
||||
border-left: none;
|
||||
border-right: 4px solid #000;
|
||||
padding-left: 0;
|
||||
padding-right: 1em; }
|
||||
.wp-block-quote[style*="text-align:center"], .wp-block-quote[style*="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-separator {
|
||||
border: none;
|
||||
border-bottom: 2px solid #8f98a1;
|
||||
margin: 1.65em auto; }
|
||||
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
|
||||
max-width: 100px; }
|
||||
|
||||
.wp-block-table {
|
||||
width: 100%;
|
||||
min-width: 240px;
|
||||
border-collapse: collapse; }
|
||||
.wp-block-table td,
|
||||
.wp-block-table th {
|
||||
padding: 0.5em;
|
||||
border: 1px solid currentColor;
|
||||
word-break: break-all; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
.wp-block-code{font-size:14px;padding:.8em 1em;border:1px solid #e2e4e7;border-radius:4px}.wp-block-code,.wp-block-preformatted pre{font-family:Menlo,Consolas,monaco,monospace;color:#23282d}.wp-block-preformatted pre{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;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:20px 0;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[style*="text-align:right"],.wp-block-quote[style*="text-align: right"]{border-left:none;border-right:4px solid #000;padding-left:0;padding-right:1em}.wp-block-quote[style*="text-align:center"],.wp-block-quote[style*="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-separator{border:none;border-bottom:2px solid #8f98a1;margin:1.65em auto}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){max-width:100px}.wp-block-table{width:100%;min-width:240px;border-collapse:collapse}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:break-all}
|
||||
3229
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/components/style-rtl.css
vendored
Normal file
3229
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/components/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
3245
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/components/style.css
vendored
Normal file
3245
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/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
1834
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/edit-post/style-rtl.css
vendored
Normal file
1834
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/edit-post/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
1834
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/edit-post/style.css
vendored
Normal file
1834
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/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
|
|
@ -0,0 +1,60 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
body {
|
||||
font-family: "Noto Serif", serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: #191e23; }
|
||||
|
||||
p {
|
||||
font-size: inherit;
|
||||
line-height: inherit; }
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin: 0;
|
||||
padding: 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; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#191e23}p{font-size:inherit;line-height:inherit}ol,ul{margin:0;padding:0}ol li,ul li{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
body {
|
||||
font-family: "Noto Serif", serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: #191e23; }
|
||||
|
||||
p {
|
||||
font-size: inherit;
|
||||
line-height: inherit; }
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin: 0;
|
||||
padding: 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; }
|
||||
|
|
@ -0,0 +1 @@
|
|||
body{font-family:"Noto Serif",serif;font-size:16px;line-height:1.8;color:#191e23}p{font-size:inherit;line-height:inherit}ol,ul{margin:0;padding:0}ol li,ul li{margin-bottom:0}ul{list-style-type:disc}ol{list-style-type:decimal}ol ul,ul ul{list-style-type:circle}
|
||||
713
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/editor/style-rtl.css
vendored
Normal file
713
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/editor/style-rtl.css
vendored
Normal file
|
|
@ -0,0 +1,713 @@
|
|||
@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.
|
||||
*/
|
||||
.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;
|
||||
outline-offset: -2px; }
|
||||
|
||||
.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; }
|
||||
|
||||
.editor-error-boundary {
|
||||
max-width: 610px;
|
||||
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 {
|
||||
margin-top: 1em;
|
||||
margin-left: 8px; }
|
||||
.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; }
|
||||
|
||||
.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;
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
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: 600px) {
|
||||
.editor-post-permalink {
|
||||
margin-right: -1px;
|
||||
margin-left: -1px; } }
|
||||
.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;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
white-space: nowrap; }
|
||||
.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 left, rgba(255, 255, 255, 0), #fff 90%);
|
||||
top: 1px;
|
||||
bottom: 1px;
|
||||
left: 1px;
|
||||
right: auto;
|
||||
width: 20%;
|
||||
height: auto; }
|
||||
|
||||
.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-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 {
|
||||
color: #007fac;
|
||||
font-weight: 400;
|
||||
padding-right: 4px;
|
||||
text-decoration: underline; }
|
||||
|
||||
.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;
|
||||
color: #a2aab2;
|
||||
overflow: hidden; }
|
||||
.editor-post-saved-state.is-saving {
|
||||
animation: edit-post__loading-fade-animation 0.5s infinite; }
|
||||
.editor-post-saved-state .dashicon {
|
||||
display: inline-block;
|
||||
flex: 0 0 auto; }
|
||||
|
||||
.editor-post-saved-state {
|
||||
width: 28px;
|
||||
white-space: nowrap;
|
||||
padding: 12px 4px; }
|
||||
.editor-post-saved-state .dashicon {
|
||||
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; }
|
||||
@media (min-width: 600px) {
|
||||
.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon {
|
||||
display: none; } }
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-list {
|
||||
max-height: 14em;
|
||||
overflow: auto; }
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-choice {
|
||||
margin-bottom: 8px; }
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-input[type="checkbox"] {
|
||||
margin-top: 0; }
|
||||
|
||||
.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;
|
||||
display: block;
|
||||
margin: 0 0 2em;
|
||||
width: 100%;
|
||||
box-shadow: none;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
line-height: 150%;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px; }
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-text-editor {
|
||||
font-size: 14px; } }
|
||||
.editor-post-text-editor:hover, .editor-post-text-editor:focus {
|
||||
border: 1px solid #e2e4e7;
|
||||
box-shadow: none;
|
||||
outline: 1px solid #e2e4e7;
|
||||
outline-offset: -2px; }
|
||||
|
||||
.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 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 1em;
|
||||
margin-top: 0.5em;
|
||||
padding: 0; }
|
||||
|
||||
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio {
|
||||
margin-top: 2px; }
|
||||
|
||||
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label {
|
||||
font-weight: 600; }
|
||||
|
||||
.edit-post-post-visibility__dialog .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 {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input {
|
||||
margin-right: 28px; }
|
||||
|
||||
.edit-post-post-visibility__dialog.components-popover.is-bottom {
|
||||
z-index: 100001; }
|
||||
|
||||
.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;
|
||||
outline: 1px solid transparent;
|
||||
font-size: 2.441em;
|
||||
font-weight: 600; }
|
||||
@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: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 #e2e4e7; }
|
||||
.editor-post-title__block.is-focus-mode .editor-post-title__input {
|
||||
opacity: 0.5;
|
||||
transition: opacity 0.1s linear; }
|
||||
.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;
|
||||
position: absolute;
|
||||
top: -34px;
|
||||
right: 0;
|
||||
left: 0; }
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-title .editor-post-permalink {
|
||||
right: 2px;
|
||||
left: 2px; } }
|
||||
|
||||
.editor-post-trash.components-button {
|
||||
width: 100%;
|
||||
color: #c92c2c;
|
||||
justify-content: center; }
|
||||
.editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus {
|
||||
color: #b52727; }
|
||||
|
||||
.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content {
|
||||
min-width: 380px; }
|
||||
|
||||
.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__counts {
|
||||
display: flex;
|
||||
flex-wrap: wrap; }
|
||||
|
||||
.table-of-contents__count {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 13px;
|
||||
color: #6c7781; }
|
||||
|
||||
.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
713
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/editor/style.css
vendored
Normal file
713
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/editor/style.css
vendored
Normal file
|
|
@ -0,0 +1,713 @@
|
|||
@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.
|
||||
*/
|
||||
.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;
|
||||
outline-offset: -2px; }
|
||||
|
||||
.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; }
|
||||
|
||||
.editor-error-boundary {
|
||||
max-width: 610px;
|
||||
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 {
|
||||
margin-top: 1em;
|
||||
margin-right: 8px; }
|
||||
.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; }
|
||||
|
||||
.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;
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
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: 600px) {
|
||||
.editor-post-permalink {
|
||||
margin-left: -1px;
|
||||
margin-right: -1px; } }
|
||||
.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;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
white-space: nowrap; }
|
||||
.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: 1px;
|
||||
bottom: 1px;
|
||||
right: 1px;
|
||||
left: auto;
|
||||
width: 20%;
|
||||
height: auto; }
|
||||
|
||||
.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-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 {
|
||||
color: #007fac;
|
||||
font-weight: 400;
|
||||
padding-left: 4px;
|
||||
text-decoration: underline; }
|
||||
|
||||
.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;
|
||||
color: #a2aab2;
|
||||
overflow: hidden; }
|
||||
.editor-post-saved-state.is-saving {
|
||||
animation: edit-post__loading-fade-animation 0.5s infinite; }
|
||||
.editor-post-saved-state .dashicon {
|
||||
display: inline-block;
|
||||
flex: 0 0 auto; }
|
||||
|
||||
.editor-post-saved-state {
|
||||
width: 28px;
|
||||
white-space: nowrap;
|
||||
padding: 12px 4px; }
|
||||
.editor-post-saved-state .dashicon {
|
||||
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; }
|
||||
@media (min-width: 600px) {
|
||||
.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft .dashicon {
|
||||
display: none; } }
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-list {
|
||||
max-height: 14em;
|
||||
overflow: auto; }
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-choice {
|
||||
margin-bottom: 8px; }
|
||||
|
||||
.editor-post-taxonomies__hierarchical-terms-input[type="checkbox"] {
|
||||
margin-top: 0; }
|
||||
|
||||
.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;
|
||||
display: block;
|
||||
margin: 0 0 2em;
|
||||
width: 100%;
|
||||
box-shadow: none;
|
||||
resize: none;
|
||||
overflow: hidden;
|
||||
font-family: Menlo, Consolas, monaco, monospace;
|
||||
line-height: 150%;
|
||||
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
||||
font-size: 16px; }
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-text-editor {
|
||||
font-size: 14px; } }
|
||||
.editor-post-text-editor:hover, .editor-post-text-editor:focus {
|
||||
border: 1px solid #e2e4e7;
|
||||
box-shadow: none;
|
||||
outline: 1px solid #e2e4e7;
|
||||
outline-offset: -2px; }
|
||||
|
||||
.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 {
|
||||
font-weight: 600;
|
||||
margin-bottom: 1em;
|
||||
margin-top: 0.5em;
|
||||
padding: 0; }
|
||||
|
||||
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio {
|
||||
margin-top: 2px; }
|
||||
|
||||
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label {
|
||||
font-weight: 600; }
|
||||
|
||||
.edit-post-post-visibility__dialog .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 {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input {
|
||||
margin-left: 28px; }
|
||||
|
||||
.edit-post-post-visibility__dialog.components-popover.is-bottom {
|
||||
z-index: 100001; }
|
||||
|
||||
.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;
|
||||
outline: 1px solid transparent;
|
||||
font-size: 2.441em;
|
||||
font-weight: 600; }
|
||||
@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: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 #e2e4e7; }
|
||||
.editor-post-title__block.is-focus-mode .editor-post-title__input {
|
||||
opacity: 0.5;
|
||||
transition: opacity 0.1s linear; }
|
||||
.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;
|
||||
position: absolute;
|
||||
top: -34px;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
@media (min-width: 600px) {
|
||||
.editor-post-title .editor-post-permalink {
|
||||
left: 2px;
|
||||
right: 2px; } }
|
||||
|
||||
.editor-post-trash.components-button {
|
||||
width: 100%;
|
||||
color: #c92c2c;
|
||||
justify-content: center; }
|
||||
.editor-post-trash.components-button:hover, .editor-post-trash.components-button:focus {
|
||||
color: #b52727; }
|
||||
|
||||
.table-of-contents__popover.components-popover:not(.is-mobile) .components-popover__content {
|
||||
min-width: 380px; }
|
||||
|
||||
.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__counts {
|
||||
display: flex;
|
||||
flex-wrap: wrap; }
|
||||
|
||||
.table-of-contents__count {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 13px;
|
||||
color: #6c7781; }
|
||||
|
||||
.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
|
|
@ -0,0 +1,63 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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; }
|
||||
|
|
@ -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}
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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; }
|
||||
|
|
@ -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}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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; }
|
||||
|
|
@ -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}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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; }
|
||||
|
|
@ -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}
|
||||
118
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/nux/style-rtl.css
vendored
Normal file
118
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/nux/style-rtl.css
vendored
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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 {
|
||||
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; }
|
||||
|
|
@ -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{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}
|
||||
122
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/nux/style.css
vendored
Normal file
122
taking-flight-with-tailwind-css/demo/wordcamp-bristol-2019/wp-includes/css/dist/nux/style.css
vendored
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
/**
|
||||
* 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.
|
||||
*/
|
||||
.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 {
|
||||
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; }
|
||||
|
|
@ -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{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}
|
||||
Loading…
Add table
Add a link
Reference in a new issue