147 lines
3.6 KiB
CSS
147 lines
3.6 KiB
CSS
figure.wp-block-gallery{
|
|
display:block;
|
|
}
|
|
figure.wp-block-gallery>.blocks-gallery-caption{
|
|
flex:0 0 100%;
|
|
}
|
|
figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{
|
|
flex-basis:100%;
|
|
}
|
|
figure.wp-block-gallery .wp-block-image .components-notice.is-error{
|
|
display:block;
|
|
}
|
|
figure.wp-block-gallery .wp-block-image .components-notice__content{
|
|
margin:4px 0;
|
|
}
|
|
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{
|
|
display:none;
|
|
}
|
|
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{
|
|
margin:0;
|
|
}
|
|
figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{
|
|
display:flex;
|
|
}
|
|
figure.wp-block-gallery .block-editor-media-placeholder figcaption{
|
|
z-index:2;
|
|
}
|
|
figure.wp-block-gallery .components-spinner{
|
|
margin-right:-9px;
|
|
margin-top:-9px;
|
|
position:absolute;
|
|
right:50%;
|
|
top:50%;
|
|
}
|
|
.gallery-settings-buttons .components-button:first-child{
|
|
margin-left:8px;
|
|
}
|
|
|
|
.gallery-image-sizes .components-base-control__label{
|
|
display:block;
|
|
margin-bottom:4px;
|
|
}
|
|
.gallery-image-sizes .gallery-image-sizes__loading{
|
|
align-items:center;
|
|
color:#757575;
|
|
display:flex;
|
|
font-size:12px;
|
|
}
|
|
.gallery-image-sizes .components-spinner{
|
|
margin:0 4px 0 8px;
|
|
}
|
|
.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
|
|
outline:none;
|
|
}
|
|
.blocks-gallery-item figure.is-selected:before{
|
|
bottom:0;
|
|
box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
|
|
content:"";
|
|
left:0;
|
|
outline:2px solid transparent;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
z-index:1;
|
|
}
|
|
.blocks-gallery-item figure.is-transient img{
|
|
opacity:.3;
|
|
}
|
|
.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{
|
|
display:inline-flex;
|
|
}
|
|
.blocks-gallery-item .block-editor-media-placeholder{
|
|
height:100%;
|
|
margin:0;
|
|
}
|
|
.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{
|
|
display:flex;
|
|
}
|
|
|
|
.block-library-gallery-item__inline-menu{
|
|
background:#fff;
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
display:none;
|
|
margin:8px;
|
|
position:absolute;
|
|
top:-2px;
|
|
transition:box-shadow .2s ease-out;
|
|
z-index:20;
|
|
}
|
|
@media (prefers-reduced-motion:reduce){
|
|
.block-library-gallery-item__inline-menu{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
.block-library-gallery-item__inline-menu:hover{
|
|
box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
|
|
}
|
|
@media (min-width:600px){
|
|
.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{
|
|
padding:2px;
|
|
}
|
|
}
|
|
.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){
|
|
border:none;
|
|
box-shadow:none;
|
|
}
|
|
@media (min-width:600px){
|
|
.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{
|
|
height:inherit;
|
|
padding:0;
|
|
width:inherit;
|
|
}
|
|
}
|
|
.block-library-gallery-item__inline-menu.is-left{
|
|
right:-2px;
|
|
}
|
|
.block-library-gallery-item__inline-menu.is-right{
|
|
left:-2px;
|
|
}
|
|
|
|
.wp-block-gallery ul.blocks-gallery-grid{
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
@media (min-width:600px){
|
|
.wp-block-update-gallery-modal{
|
|
max-width:480px;
|
|
}
|
|
}
|
|
|
|
.wp-block-update-gallery-modal-buttons{
|
|
display:flex;
|
|
gap:12px;
|
|
justify-content:flex-end;
|
|
} |