kollapsminoriteten/wp-includes/blocks/image/editor.css

121 lines
2.6 KiB
CSS
Raw Normal View History

2025-02-28 08:42:11 +01:00
.wp-block-image.wp-block-image .block-editor-media-placeholder.is-small{
min-height:60px;
2022-12-15 17:47:31 +01:00
}
2023-04-26 17:39:43 +02:00
figure.wp-block-image:not(.wp-block){
margin:0;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image{
position:relative;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image .is-applying img,.wp-block-image.is-transient img{
opacity:.3;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image figcaption img{
display:inline;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image .components-spinner{
left:50%;
2025-02-28 08:42:11 +01:00
margin:0;
2023-04-26 17:39:43 +02:00
position:absolute;
top:50%;
transform:translate(-50%, -50%);
2021-07-23 11:58:50 +02:00
}
2025-02-28 08:42:11 +01:00
.wp-block-image__placeholder{
aspect-ratio:4/3;
}
.wp-block-image__placeholder.has-illustration:before{
background:#fff;
opacity:.8;
}
.wp-block-image__placeholder .components-placeholder__illustration{
opacity:.1;
}
2023-04-26 17:39:43 +02:00
.wp-block-image .components-resizable-box__container{
display:table;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image .components-resizable-box__container img{
display:block;
height:inherit;
width:inherit;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.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;
2021-07-23 11:58:50 +02:00
}
}
2023-04-26 17:39:43 +02:00
[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
height:auto;
width:100%;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.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;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.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;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block[data-align=left]>.wp-block-image{
margin:.5em 1em .5em 0;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block[data-align=right]>.wp-block-image{
margin:.5em 0 .5em 1em;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block[data-align=center]>.wp-block-image{
margin-left:auto;
margin-right:auto;
text-align:center;
2021-07-23 11:58:50 +02:00
}
2025-02-28 08:42:11 +01:00
.wp-block[data-align]:has(>.wp-block-image){
position:relative;
}
2023-04-26 17:39:43 +02:00
.wp-block-image__crop-area{
max-width:100%;
overflow:hidden;
position:relative;
width:100%;
2022-12-15 17:47:31 +01:00
}
2025-02-28 08:42:11 +01:00
.wp-block-image__crop-area .reactEasyCrop_Container{
pointer-events:auto;
}
2023-04-26 17:39:43 +02:00
.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
border:none;
2023-09-26 10:33:34 +02:00
border-radius:0;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image__crop-icon{
align-items:center;
display:flex;
justify-content:center;
min-width:48px;
padding:0 8px;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image__crop-icon svg{
fill:currentColor;
2021-07-23 11:58:50 +02:00
}
2023-04-26 17:39:43 +02:00
.wp-block-image__zoom .components-popover__content{
min-width:260px;
overflow:visible !important;
2021-07-23 11:58:50 +02:00
}
2024-04-17 11:32:24 +02:00
.wp-block-image__toolbar_content_textarea{
width:250px;
2021-07-23 11:58:50 +02:00
}