73 z-index:1; |
72 z-index:1; |
74 } |
73 } |
75 .blocks-gallery-item figure.is-transient img{ |
74 .blocks-gallery-item figure.is-transient img{ |
76 opacity:.3; |
75 opacity:.3; |
77 } |
76 } |
78 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ |
|
79 display:inline-flex; |
|
80 } |
|
81 .blocks-gallery-item .block-editor-media-placeholder{ |
77 .blocks-gallery-item .block-editor-media-placeholder{ |
82 height:100%; |
78 height:100%; |
83 margin:0; |
79 margin:0; |
84 } |
80 } |
85 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ |
81 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ |
86 display:flex; |
82 display:flex; |
87 } |
|
88 |
|
89 .block-library-gallery-item__inline-menu{ |
|
90 background:#fff; |
|
91 border:1px solid #1e1e1e; |
|
92 border-radius:2px; |
|
93 display:none; |
|
94 margin:8px; |
|
95 position:absolute; |
|
96 top:-2px; |
|
97 transition:box-shadow .2s ease-out; |
|
98 z-index:20; |
|
99 } |
|
100 @media (prefers-reduced-motion:reduce){ |
|
101 .block-library-gallery-item__inline-menu{ |
|
102 transition-delay:0s; |
|
103 transition-duration:0s; |
|
104 } |
|
105 } |
|
106 .block-library-gallery-item__inline-menu:hover{ |
|
107 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
|
108 } |
|
109 @media (min-width:600px){ |
|
110 .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ |
|
111 padding:2px; |
|
112 } |
|
113 } |
|
114 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ |
|
115 border:none; |
|
116 box-shadow:none; |
|
117 } |
|
118 @media (min-width:600px){ |
|
119 .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ |
|
120 height:inherit; |
|
121 padding:0; |
|
122 width:inherit; |
|
123 } |
|
124 } |
|
125 .block-library-gallery-item__inline-menu.is-left{ |
|
126 left:-2px; |
|
127 } |
|
128 .block-library-gallery-item__inline-menu.is-right{ |
|
129 right:-2px; |
|
130 } |
83 } |
131 |
84 |
132 .wp-block-gallery ul.blocks-gallery-grid{ |
85 .wp-block-gallery ul.blocks-gallery-grid{ |
133 margin:0; |
86 margin:0; |
134 padding:0; |
87 padding:0; |