diff options
Diffstat (limited to 'wp-includes/css/dist/block-library/editor-rtl.css')
-rw-r--r-- | wp-includes/css/dist/block-library/editor-rtl.css | 307 |
1 files changed, 103 insertions, 204 deletions
diff --git a/wp-includes/css/dist/block-library/editor-rtl.css b/wp-includes/css/dist/block-library/editor-rtl.css index bd85c5e..6469230 100644 --- a/wp-includes/css/dist/block-library/editor-rtl.css +++ b/wp-includes/css/dist/block-library/editor-rtl.css @@ -26,27 +26,6 @@ ul.wp-block-archives{ margin:0 auto; } -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{ - padding-left:0; - padding-right:0; -} -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{ - display:block; -} -.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{ - display:none; -} - -.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); -} -.edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); -} -.is-dark-theme .edit-post-visual-editor .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; -} - .wp-block[data-align=center]>.wp-block-button{ margin-left:auto; margin-right:auto; @@ -77,37 +56,6 @@ div[data-type="core/button"]{ .editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ text-decoration:inherit; } - -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color){ - border-width:initial; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-top-color]){ - border-top-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-right-color]){ - border-left-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-bottom-color]){ - border-bottom-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-left-color]){ - border-right-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-style]){ - border-width:initial; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-top-style]){ - border-top-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-right-style]){ - border-left-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-bottom-style]){ - border-bottom-width:medium; -} -.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*=border-left-style]){ - border-right-width:medium; -} .wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ margin:0; } @@ -339,9 +287,17 @@ html :where(.wp-block-column){ .wp-block-cover.components-placeholder h2{ color:inherit; } +.wp-block-cover.is-transient{ + position:relative; +} .wp-block-cover.is-transient:before{ background-color:#fff; + content:""; + height:100%; opacity:.3; + position:absolute; + width:100%; + z-index:1; } .wp-block-cover .components-spinner{ margin:0; @@ -402,10 +358,6 @@ html :where(.wp-block-column){ margin-top:24px; } -.wp-block-cover:after{ - min-height:auto; -} - .wp-block-details summary div{ display:inline; } @@ -423,9 +375,6 @@ html :where(.wp-block-column){ word-break:break-word; } -.wp-block-embed__learn-more{ - margin-top:1em; -} .wp-block-post-content .wp-block-embed__learn-more a{ color:var(--wp-admin-theme-color); } @@ -457,6 +406,9 @@ html :where(.wp-block-column){ .wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ height:auto; } +.wp-block[data-align=center]>.wp-block-file{ + text-align:center; +} .wp-block-file .components-resizable-box__container{ margin-bottom:1em; } @@ -872,42 +824,42 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ margin-top:16px; } -figure.wp-block-gallery{ +:root :where(figure.wp-block-gallery){ display:block; } -figure.wp-block-gallery>.blocks-gallery-caption{ +:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{ flex:0 0 100%; } -figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{ +:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{ flex-basis:100%; } -figure.wp-block-gallery .wp-block-image .components-notice.is-error{ +:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{ display:block; } -figure.wp-block-gallery .wp-block-image .components-notice__content{ +:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{ margin:4px 0; } -figure.wp-block-gallery .wp-block-image .components-notice__dismiss{ +:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{ left:5px; position:absolute; top:0; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{ +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{ display:none; } -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ margin-bottom:0; } -figure.wp-block-gallery .block-editor-media-placeholder{ +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{ margin:0; } -figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{ +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{ display:flex; } -figure.wp-block-gallery .block-editor-media-placeholder figcaption{ +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{ z-index:2; } -figure.wp-block-gallery .components-spinner{ +:root :where(figure.wp-block-gallery) .components-spinner{ margin-right:-9px; margin-top:-9px; position:absolute; @@ -1063,53 +1015,10 @@ figure.wp-block-gallery .components-spinner{ right:0; top:0; } -.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-button-block-appender,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ pointer-events:all; } -.wp-block-group__placeholder .wp-block-group-placeholder__variations{ - display:flex; - flex-direction:row; - flex-wrap:wrap; - justify-content:center; - list-style:none; - margin:0; - padding:0; - width:100%; -} -.wp-block-group__placeholder .components-placeholder__instructions{ - margin-bottom:18px; - text-align:center; -} -.wp-block-group__placeholder .wp-block-group-placeholder__variations svg{ - fill:#ccc !important; -} -.wp-block-group__placeholder .wp-block-group-placeholder__variations svg:hover{ - fill:var(--wp-admin-theme-color) !important; -} -.wp-block-group__placeholder .wp-block-group-placeholder__variations>li{ - align-items:center; - display:flex; - flex-direction:column; - margin:0 12px 12px; - width:auto; -} -.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button{ - height:32px; - padding:0; - width:44px; -} -.wp-block-group__placeholder .wp-block-group-placeholder__variations li>.wp-block-group-placeholder__variation-button:hover{ - box-shadow:none; -} -.wp-block-group__placeholder .components-placeholder{ - min-height:auto; - padding:24px; -} -.wp-block-group__placeholder .is-medium .wp-block-group-placeholder__variations>li,.wp-block-group__placeholder .is-small .wp-block-group-placeholder__variations>li{ - margin:12px; -} - .block-library-html__edit .block-library-html__preview-overlay{ height:100%; position:absolute; @@ -1124,6 +1033,7 @@ figure.wp-block-gallery .components-spinner{ box-shadow:none !important; box-sizing:border-box; color:#1e1e1e !important; + direction:ltr; font-family:Menlo,Consolas,monaco,monospace !important; font-size:16px !important; max-height:250px; @@ -1238,6 +1148,9 @@ figure.wp-block-image:not(.wp-block){ position:relative; width:100%; } +.wp-block-image__crop-area .reactEasyCrop_Container{ + pointer-events:auto; +} .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ border:none; border-radius:0; @@ -1259,28 +1172,10 @@ figure.wp-block-image:not(.wp-block){ overflow:visible !important; } -.wp-block-image__aspect-ratio{ - align-items:center; - display:flex; - height:46px; - margin-bottom:-8px; -} -.wp-block-image__aspect-ratio .components-button{ - padding-left:0; - padding-right:0; - width:36px; -} - .wp-block-image__toolbar_content_textarea{ width:250px; } -.wp-block-latest-posts{ - padding-right:2.5em; -} -.wp-block-latest-posts.is-grid{ - padding-right:0; -} .wp-block-latest-posts>li{ overflow:hidden; } @@ -1289,10 +1184,6 @@ figure.wp-block-image:not(.wp-block){ display:inline; } -.edit-post-visual-editor .wp-block-latest-posts.is-grid li{ - margin-bottom:20px; -} - .editor-latest-posts-image-alignment-control .components-base-control__label{ display:block; } @@ -1300,6 +1191,14 @@ figure.wp-block-image:not(.wp-block){ border-radius:2px; } +:root :where(.wp-block-latest-posts){ + padding-right:2.5em; +} + +:root :where(.wp-block-latest-posts.is-grid),:root :where(.wp-block-latest-posts__list){ + padding-right:0; +} + .wp-block-media-text__media{ position:relative; } @@ -1323,13 +1222,16 @@ figure.wp-block-image:not(.wp-block){ width:100% !important; } -.wp-block-media-text.is-image-fill .editor-media-container__resizer{ +.wp-block-media-text.is-image-fill .components-placeholder.has-illustration,.wp-block-media-text.is-image-fill .editor-media-container__resizer{ height:100% !important; } .wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ max-width:unset; } +.wp-block-media-text--placeholder-image{ + min-height:205px; +} .block-editor-block-list__block[data-type="core/more"]{ margin-bottom:28px; @@ -1683,10 +1585,6 @@ figure.wp-block-image:not(.wp-block){ top:141px; } -.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open{ - left:280px; -} - .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ right:0; top:155px; @@ -2070,17 +1968,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op display:inline; } -.wp-block-rss__placeholder-form>*{ - margin-bottom:8px; -} -@media (min-width:782px){ - .wp-block-rss__placeholder-form>*{ - margin-bottom:0; - } -} .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ - flex:1; - min-width:80%; + flex:1 1 auto; } .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ @@ -2103,14 +1992,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding-bottom:.1px; padding-top:.1px; } -.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots{ - background:none !important; - border:none; -} - -[data-type="core/shortcode"].components-placeholder{ - min-height:0; -} .blocks-shortcode__textarea{ background:#fff !important; @@ -2151,14 +2032,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op .wp-block-site-logo .custom-logo-link:focus{ box-shadow:none; } -.wp-block-site-logo .custom-logo-link.is-transient img{ - opacity:.3; -} .wp-block-site-logo img{ display:block; height:auto; max-width:100%; } +.wp-block-site-logo.is-transient{ + position:relative; +} +.wp-block-site-logo.is-transient img{ + opacity:.3; +} +.wp-block-site-logo.is-transient .components-spinner{ + margin:0; + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); +} .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ height:60px; @@ -2191,6 +2082,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op display:flex; height:48px; justify-content:center; + margin:auto; padding:0; position:relative; width:48px; @@ -2247,28 +2139,39 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op padding:1em 0; } -.editor-styles-wrapper .wp-block-site-title a{ +.editor-styles-wrapper :where(.wp-block-site-title a){ color:inherit; } .wp-block-social-links .wp-social-link{ line-height:0; } -.wp-block-social-links .wp-social-link button{ + +.wp-block-social-link-anchor{ + align-items:center; + background:none; + border:0; + box-sizing:border-box; color:currentColor; + cursor:pointer; + display:inline-flex; font-size:inherit; height:auto; - line-height:0; opacity:1; padding:.25em; } +.wp-block-social-link-anchor:focus:not(:disabled){ + border-radius:2px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid #0000; +} -.wp-block-social-links.is-style-pill-shape .wp-social-link button{ +:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button){ padding-left:.66667em; padding-right:.66667em; } -.wp-block-social-links.is-style-logos-only .wp-social-link button{ +:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button){ padding:0; } @@ -2276,18 +2179,24 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op display:inline-block; margin-right:8px; } -.wp-block-social-links.wp-block-social-links{ - background:none; -} .wp-social-link:hover{ transform:none; } -.editor-styles-wrapper .wp-block-social-links{ +:root :where(.wp-block-social-links),:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link){ padding:0; } +:root :where(.wp-block-social-links__social-placeholder .wp-social-link){ + padding:.25em; +} + +:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link){ + padding-left:.66667em; + padding-right:.66667em; +} + .wp-block-social-links__social-placeholder{ display:flex; list-style:none; @@ -2304,16 +2213,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op .wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ display:flex; } -.wp-block-social-links__social-placeholder .wp-social-link{ - padding:.25em; -} -.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{ - padding-left:.66667em; - padding-right:.66667em; -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link{ - padding:0; -} .wp-block-social-links__social-placeholder .wp-social-link:before{ border-radius:50%; content:""; @@ -2334,7 +2233,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op margin-bottom:auto; margin-top:auto; min-height:24px; - order:2; padding-left:8px; } @@ -2461,15 +2359,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op top:0; z-index:2; } - -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected{ - box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +.block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ + outline-color:var(--wp-block-synced-color); } -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +.is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + outline-color:#fff; } -.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ - box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff; + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline:after{ + border:none; } .wp-block-text-columns .block-editor-rich-text__editable:focus{ @@ -2595,10 +2493,11 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op } .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ background:#fff; - margin-bottom:2px; + margin-bottom:-4px; padding:16px 0; position:sticky; top:0; + transform:translateY(-4px); z-index:2; } @@ -2674,6 +2573,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op display:flex; height:48px; justify-content:center; + margin:auto; padding:0; position:relative; width:48px; @@ -2724,6 +2624,18 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op opacity:1; pointer-events:auto; } +.wp-block-post-featured-image.is-transient{ + position:relative; +} +.wp-block-post-featured-image.is-transient img{ + opacity:.3; +} +.wp-block-post-featured-image.is-transient .components-spinner{ + position:absolute; + right:50%; + top:50%; + transform:translate(50%, -50%); +} div[data-type="core/post-featured-image"] img{ display:block; @@ -2782,11 +2694,6 @@ div[data-type="core/post-featured-image"] img{ background:linear-gradient(-135deg, #020381, #2874fc); } -:where(.editor-styles-wrapper){ - --wp--preset--font-size--normal:16px; - --wp--preset--font-size--huge:42px; -} - :where(.editor-styles-wrapper) .has-regular-font-size{ font-size:16px; } @@ -2794,14 +2701,6 @@ div[data-type="core/post-featured-image"] img{ :where(.editor-styles-wrapper) .has-larger-font-size{ font-size:42px; } - -:where(.editor-styles-wrapper) .has-normal-font-size{ - font-size:var(--wp--preset--font-size--normal); -} - -:where(.editor-styles-wrapper) .has-huge-font-size{ - font-size:var(--wp--preset--font-size--huge); -} :where(.editor-styles-wrapper) iframe:not([frameborder]){ border:0; }
\ No newline at end of file |