mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-29 12:37:57 +01:00
433fd94980
It includes all the backports from this Gutenberg PR https://github.com/WordPress/gutenberg/pull/59197 Props youknowriad, get_dave. See #60315. Built from https://develop.svn.wordpress.org/trunk@57663 git-svn-id: http://core.svn.wordpress.org/trunk@57164 1a063a9b-81f0-0310-95a4-ce76da25c4cd
134 lines
3.2 KiB
CSS
134 lines
3.2 KiB
CSS
.wp-block-image.wp-block-image.is-selected .components-placeholder{
|
|
background-color:#fff;
|
|
border:none;
|
|
border-radius:2px;
|
|
box-shadow:inset 0 0 0 1px #1e1e1e;
|
|
color:#1e1e1e;
|
|
filter:none !important;
|
|
}
|
|
.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
|
|
opacity:0;
|
|
}
|
|
.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
|
|
display:none;
|
|
}
|
|
.wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{
|
|
opacity:0;
|
|
}
|
|
.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{
|
|
opacity:1;
|
|
}
|
|
.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
|
|
transition:none;
|
|
}
|
|
|
|
figure.wp-block-image:not(.wp-block){
|
|
margin:0;
|
|
}
|
|
|
|
.wp-block-image{
|
|
position:relative;
|
|
}
|
|
.wp-block-image .is-applying img,.wp-block-image.is-transient img{
|
|
opacity:.3;
|
|
}
|
|
.wp-block-image figcaption img{
|
|
display:inline;
|
|
}
|
|
.wp-block-image .components-spinner{
|
|
left:50%;
|
|
position:absolute;
|
|
top:50%;
|
|
transform:translate(-50%, -50%);
|
|
}
|
|
|
|
.wp-block-image .components-resizable-box__container{
|
|
display:table;
|
|
}
|
|
.wp-block-image .components-resizable-box__container img{
|
|
display:block;
|
|
height:inherit;
|
|
width:inherit;
|
|
}
|
|
|
|
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
|
|
left:0;
|
|
margin:-1px 0;
|
|
position:absolute;
|
|
right:0;
|
|
}
|
|
@media (min-width:600px){
|
|
.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
|
|
margin:-1px;
|
|
}
|
|
}
|
|
|
|
[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
|
|
height:auto;
|
|
width:100%;
|
|
}
|
|
|
|
.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
|
|
display:table;
|
|
}
|
|
.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{
|
|
caption-side:bottom;
|
|
display:table-caption;
|
|
}
|
|
|
|
.wp-block[data-align=left]>.wp-block-image{
|
|
margin:.5em 1em .5em 0;
|
|
}
|
|
|
|
.wp-block[data-align=right]>.wp-block-image{
|
|
margin:.5em 0 .5em 1em;
|
|
}
|
|
|
|
.wp-block[data-align=center]>.wp-block-image{
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
text-align:center;
|
|
}
|
|
|
|
.wp-block-image__crop-area{
|
|
max-width:100%;
|
|
overflow:hidden;
|
|
position:relative;
|
|
width:100%;
|
|
}
|
|
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
|
|
border:none;
|
|
border-radius:0;
|
|
}
|
|
|
|
.wp-block-image__crop-icon{
|
|
align-items:center;
|
|
display:flex;
|
|
justify-content:center;
|
|
min-width:48px;
|
|
padding:0 8px;
|
|
}
|
|
.wp-block-image__crop-icon svg{
|
|
fill:currentColor;
|
|
}
|
|
|
|
.wp-block-image__zoom .components-popover__content{
|
|
min-width:260px;
|
|
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;
|
|
} |