|
|
- 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;
- }
|