rebase on oct-10-2023
This commit is contained in:
291
wp/wp-includes/css/dist/block-library/editor.css
vendored
291
wp/wp-includes/css/dist/block-library/editor.css
vendored
@@ -108,6 +108,37 @@ 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-right-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-left-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-right-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-left-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;
|
||||
}
|
||||
@@ -149,6 +180,9 @@ div[data-type="core/button"]{
|
||||
.wp-block-categories ul ul{
|
||||
margin-top:6px;
|
||||
}
|
||||
[data-align=center] .wp-block-categories{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.wp-block-code code{
|
||||
background:none;
|
||||
@@ -319,20 +353,17 @@ html :where(.wp-block-column){
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.wp-block-cover.is-placeholder{
|
||||
min-height:auto !important;
|
||||
align-items:stretch;
|
||||
display:flex;
|
||||
min-height:240px;
|
||||
padding:0 !important;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .block-library-cover__resize-container{
|
||||
display:none;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large{
|
||||
justify-content:flex-start;
|
||||
min-height:240px;
|
||||
z-index:1;
|
||||
}
|
||||
.wp-block-cover.is-placeholder .components-placeholder.is-large+.block-library-cover__resize-container{
|
||||
display:block;
|
||||
min-height:240px;
|
||||
.wp-block-cover.is-placeholder:focus:after{
|
||||
min-height:auto;
|
||||
}
|
||||
.wp-block-cover.components-placeholder h2{
|
||||
color:inherit;
|
||||
@@ -383,8 +414,9 @@ html :where(.wp-block-column){
|
||||
top:0;
|
||||
}
|
||||
|
||||
.block-library-cover__resize-container:not(.is-resizing){
|
||||
height:auto !important;
|
||||
.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{
|
||||
overflow:visible;
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
.wp-block-cover>.components-drop-zone .components-drop-zone__content{
|
||||
@@ -403,6 +435,10 @@ html :where(.wp-block-column){
|
||||
min-height:auto;
|
||||
}
|
||||
|
||||
.wp-block-details summary div{
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.wp-block-embed{
|
||||
clear:both;
|
||||
margin-left:0;
|
||||
@@ -467,6 +503,9 @@ html :where(.wp-block-column){
|
||||
.wp-block-file a{
|
||||
min-width:1em;
|
||||
}
|
||||
.wp-block-file a:not(.wp-block-file__button){
|
||||
display:inline-block;
|
||||
}
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper{
|
||||
display:inline-block;
|
||||
margin-left:.75em;
|
||||
@@ -771,13 +810,41 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{
|
||||
.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){
|
||||
display:none;
|
||||
}
|
||||
|
||||
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar,figure.wp-block-gallery{
|
||||
.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{
|
||||
display:block;
|
||||
}
|
||||
figure.wp-block-gallery.has-nested-images .components-drop-zone{
|
||||
display:none;
|
||||
pointer-events:none;
|
||||
|
||||
@media (min-width:960px){
|
||||
.block-editor-freeform-modal .components-modal__frame{
|
||||
height:9999rem;
|
||||
}
|
||||
.block-editor-freeform-modal .components-modal__frame .components-modal__header+div{
|
||||
height:100%;
|
||||
}
|
||||
.block-editor-freeform-modal .components-modal__frame .mce-tinymce{
|
||||
height:calc(100% - 52px);
|
||||
}
|
||||
.block-editor-freeform-modal .components-modal__frame .mce-container-body{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
height:100%;
|
||||
}
|
||||
.block-editor-freeform-modal .components-modal__frame .mce-edit-area{
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
flex-grow:1;
|
||||
}
|
||||
.block-editor-freeform-modal .components-modal__frame .mce-edit-area iframe{
|
||||
flex-grow:1;
|
||||
height:10px !important;
|
||||
}
|
||||
}
|
||||
.block-editor-freeform-modal__actions{
|
||||
margin-top:16px;
|
||||
}
|
||||
|
||||
figure.wp-block-gallery{
|
||||
display:block;
|
||||
}
|
||||
figure.wp-block-gallery>.blocks-gallery-caption{
|
||||
flex:0 0 100%;
|
||||
@@ -1026,6 +1093,7 @@ figure.wp-block-gallery .components-spinner{
|
||||
border:1px solid #1e1e1e !important;
|
||||
border-radius:2px !important;
|
||||
box-shadow:none !important;
|
||||
box-sizing:border-box;
|
||||
color:#1e1e1e !important;
|
||||
font-family:Menlo,Consolas,monaco,monospace !important;
|
||||
font-size:16px !important;
|
||||
@@ -1049,7 +1117,7 @@ figure.wp-block-gallery .components-spinner{
|
||||
border-radius:2px;
|
||||
box-shadow:inset 0 0 0 1px #1e1e1e;
|
||||
color:#1e1e1e;
|
||||
filter:none;
|
||||
filter:none !important;
|
||||
}
|
||||
.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
|
||||
opacity:0;
|
||||
@@ -1140,6 +1208,7 @@ figure.wp-block-image:not(.wp-block){
|
||||
}
|
||||
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
|
||||
border:none;
|
||||
border-radius:0;
|
||||
}
|
||||
|
||||
.wp-block-image__crop-icon{
|
||||
@@ -1605,18 +1674,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
top:0;
|
||||
}
|
||||
|
||||
@media (min-width:600px){
|
||||
.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container{
|
||||
pointer-events:none;
|
||||
}
|
||||
.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container .block-editor-block-list__layout *,.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{
|
||||
pointer-events:all;
|
||||
}
|
||||
}
|
||||
.wp-block-navigation__responsive-close .wp-block-pages-list__item__link,.wp-block-navigation__responsive-container .wp-block-pages-list__item__link{
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
|
||||
color:inherit;
|
||||
height:auto;
|
||||
@@ -1719,6 +1776,42 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
.wp-block-navigation__responsive-container-open.components-button{
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.wp-block-navigation__menu-inspector-controls{
|
||||
overflow-x:auto;
|
||||
scrollbar-color:transparent transparent;
|
||||
scrollbar-gutter:stable both-edges;
|
||||
scrollbar-width:thin;
|
||||
will-change:transform;
|
||||
}
|
||||
.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{
|
||||
height:12px;
|
||||
width:12px;
|
||||
}
|
||||
.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{
|
||||
background-color:transparent;
|
||||
}
|
||||
.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{
|
||||
background-clip:padding-box;
|
||||
background-color:transparent;
|
||||
border:3px solid transparent;
|
||||
border-radius:8px;
|
||||
}
|
||||
.wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{
|
||||
background-color:#949494;
|
||||
}
|
||||
.wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{
|
||||
scrollbar-color:#949494 transparent;
|
||||
}
|
||||
@media (hover:none){
|
||||
.wp-block-navigation__menu-inspector-controls{
|
||||
scrollbar-color:#949494 transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-navigation__menu-inspector-controls__empty-message{
|
||||
margin-left:24px;
|
||||
}
|
||||
.wp-block-navigation .block-list-appender{
|
||||
position:relative;
|
||||
}
|
||||
@@ -1931,7 +2024,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
}
|
||||
|
||||
.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{
|
||||
display:inline-block;
|
||||
display:inline;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote p{
|
||||
@@ -1972,6 +2065,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
border-radius:initial;
|
||||
display:flex;
|
||||
height:auto;
|
||||
justify-content:center;
|
||||
}
|
||||
.wp-block-search__components-button-group{
|
||||
margin-top:10px;
|
||||
@@ -1986,49 +2080,32 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
border:none;
|
||||
}
|
||||
|
||||
[data-type="core/shortcode"] .block-editor-plain-text{
|
||||
max-height:250px;
|
||||
}
|
||||
[data-type="core/shortcode"].components-placeholder{
|
||||
min-height:0;
|
||||
}
|
||||
|
||||
.blocks-shortcode__textarea{
|
||||
border:1px solid #949494;
|
||||
border-radius:2px;
|
||||
box-shadow:0 0 0 transparent;
|
||||
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
|
||||
font-size:16px;
|
||||
line-height:normal;
|
||||
padding:6px 8px;
|
||||
transition:box-shadow .1s linear;
|
||||
}
|
||||
@media (prefers-reduced-motion:reduce){
|
||||
.blocks-shortcode__textarea{
|
||||
transition-delay:0s;
|
||||
transition-duration:0s;
|
||||
}
|
||||
background:#fff !important;
|
||||
border:1px solid #1e1e1e !important;
|
||||
border-radius:2px !important;
|
||||
box-shadow:none !important;
|
||||
box-sizing:border-box;
|
||||
color:#1e1e1e !important;
|
||||
font-family:Menlo,Consolas,monaco,monospace !important;
|
||||
font-size:16px !important;
|
||||
max-height:250px;
|
||||
padding:12px !important;
|
||||
resize:none;
|
||||
}
|
||||
@media (min-width:600px){
|
||||
.blocks-shortcode__textarea{
|
||||
font-size:13px;
|
||||
line-height:normal;
|
||||
font-size:13px !important;
|
||||
}
|
||||
}
|
||||
.blocks-shortcode__textarea:focus{
|
||||
border-color:var(--wp-admin-theme-color);
|
||||
box-shadow:0 0 0 1px var(--wp-admin-theme-color);
|
||||
outline:2px solid transparent;
|
||||
}
|
||||
.blocks-shortcode__textarea::-webkit-input-placeholder{
|
||||
color:rgba(30,30,30,.62);
|
||||
}
|
||||
.blocks-shortcode__textarea::-moz-placeholder{
|
||||
color:rgba(30,30,30,.62);
|
||||
opacity:1;
|
||||
}
|
||||
.blocks-shortcode__textarea:-ms-input-placeholder{
|
||||
color:rgba(30,30,30,.62);
|
||||
border-color:var(--wp-admin-theme-color) !important;
|
||||
box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important;
|
||||
outline:2px solid transparent !important;
|
||||
}
|
||||
|
||||
.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{
|
||||
@@ -2094,6 +2171,49 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
color:inherit;
|
||||
}
|
||||
|
||||
.block-library-site-logo__inspector-upload-container{
|
||||
position:relative;
|
||||
}
|
||||
.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.block-library-site-logo__inspector-media-replace-container button.components-button,.block-library-site-logo__inspector-upload-container button.components-button{
|
||||
box-shadow:inset 0 0 0 1px #ccc;
|
||||
color:#1e1e1e;
|
||||
display:block;
|
||||
height:40px;
|
||||
width:100%;
|
||||
}
|
||||
.block-library-site-logo__inspector-media-replace-container button.components-button:hover,.block-library-site-logo__inspector-upload-container button.components-button:hover{
|
||||
color:var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-library-site-logo__inspector-media-replace-container button.components-button:focus,.block-library-site-logo__inspector-upload-container button.components-button:focus{
|
||||
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
||||
}
|
||||
.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title,.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title{
|
||||
text-align:start;
|
||||
text-align-last:center;
|
||||
white-space:normal;
|
||||
word-break:break-all;
|
||||
}
|
||||
|
||||
.block-library-site-logo__inspector-media-replace-container .components-dropdown{
|
||||
display:block;
|
||||
}
|
||||
.block-library-site-logo__inspector-media-replace-container img{
|
||||
aspect-ratio:1;
|
||||
border-radius:50% !important;
|
||||
box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
|
||||
min-width:20px;
|
||||
width:20px;
|
||||
}
|
||||
.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview{
|
||||
display:flex;
|
||||
height:40px;
|
||||
padding:6px 12px;
|
||||
}
|
||||
|
||||
.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{
|
||||
border:1px dashed;
|
||||
padding:1em 0;
|
||||
@@ -2223,10 +2343,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{
|
||||
.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container,.wp-block-spacer.is-selected.custom-sizes-disabled{
|
||||
background:rgba(0,0,0,.1);
|
||||
}
|
||||
.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{
|
||||
.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled{
|
||||
background:hsla(0,0%,100%,.15);
|
||||
}
|
||||
|
||||
@@ -2305,21 +2425,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
.block-editor-template-part__selection-modal{
|
||||
z-index:1000001;
|
||||
}
|
||||
@media (min-width:600px){
|
||||
.block-editor-template-part__selection-modal .components-modal__frame{
|
||||
height:calc(100% - 120px);
|
||||
width:calc(100% - 32px);
|
||||
.block-editor-template-part__selection-modal .block-editor-block-patterns-list{
|
||||
column-count:2;
|
||||
column-gap:24px;
|
||||
}
|
||||
@media (min-width:1280px){
|
||||
.block-editor-template-part__selection-modal .block-editor-block-patterns-list{
|
||||
column-count:3;
|
||||
}
|
||||
}
|
||||
@media (min-width:782px){
|
||||
.block-editor-template-part__selection-modal .components-modal__frame{
|
||||
width:750px;
|
||||
}
|
||||
}
|
||||
@media (min-width:960px){
|
||||
.block-editor-template-part__selection-modal .components-modal__frame{
|
||||
height:70%;
|
||||
}
|
||||
.block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
|
||||
break-inside:avoid-column;
|
||||
}
|
||||
|
||||
.block-library-template-part__selection-search{
|
||||
@@ -2449,21 +2565,17 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
max-height:250px;
|
||||
}
|
||||
|
||||
@media (min-width:600px){
|
||||
.block-library-query-pattern__selection-modal .components-modal__frame{
|
||||
height:calc(100% - 120px);
|
||||
width:calc(100% - 32px);
|
||||
.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{
|
||||
column-count:2;
|
||||
column-gap:24px;
|
||||
}
|
||||
@media (min-width:1280px){
|
||||
.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{
|
||||
column-count:3;
|
||||
}
|
||||
}
|
||||
@media (min-width:782px){
|
||||
.block-library-query-pattern__selection-modal .components-modal__frame{
|
||||
width:750px;
|
||||
}
|
||||
}
|
||||
@media (min-width:960px){
|
||||
.block-library-query-pattern__selection-modal .components-modal__frame{
|
||||
height:70%;
|
||||
}
|
||||
.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{
|
||||
break-inside:avoid-column;
|
||||
}
|
||||
.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{
|
||||
background:#fff;
|
||||
@@ -2516,6 +2628,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
|
||||
}
|
||||
.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{
|
||||
align-items:center;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
min-height:200px;
|
||||
padding:0;
|
||||
|
||||
Reference in New Issue
Block a user