You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

146 lines
3.6 KiB

1 year ago
  1. figure.wp-block-gallery{
  2. display:block;
  3. }
  4. figure.wp-block-gallery>.blocks-gallery-caption{
  5. flex:0 0 100%;
  6. }
  7. figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{
  8. flex-basis:100%;
  9. }
  10. figure.wp-block-gallery .wp-block-image .components-notice.is-error{
  11. display:block;
  12. }
  13. figure.wp-block-gallery .wp-block-image .components-notice__content{
  14. margin:4px 0;
  15. }
  16. figure.wp-block-gallery .wp-block-image .components-notice__dismiss{
  17. left:5px;
  18. position:absolute;
  19. top:0;
  20. }
  21. figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{
  22. display:none;
  23. }
  24. figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{
  25. margin-bottom:0;
  26. }
  27. figure.wp-block-gallery .block-editor-media-placeholder{
  28. margin:0;
  29. }
  30. figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{
  31. display:flex;
  32. }
  33. figure.wp-block-gallery .block-editor-media-placeholder figcaption{
  34. z-index:2;
  35. }
  36. figure.wp-block-gallery .components-spinner{
  37. margin-right:-9px;
  38. margin-top:-9px;
  39. position:absolute;
  40. right:50%;
  41. top:50%;
  42. }
  43. .gallery-settings-buttons .components-button:first-child{
  44. margin-left:8px;
  45. }
  46. .gallery-image-sizes .components-base-control__label{
  47. display:block;
  48. margin-bottom:4px;
  49. }
  50. .gallery-image-sizes .gallery-image-sizes__loading{
  51. align-items:center;
  52. color:#757575;
  53. display:flex;
  54. font-size:12px;
  55. }
  56. .gallery-image-sizes .components-spinner{
  57. margin:0 4px 0 8px;
  58. }
  59. .blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
  60. outline:none;
  61. }
  62. .blocks-gallery-item figure.is-selected:before{
  63. bottom:0;
  64. box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
  65. content:"";
  66. left:0;
  67. outline:2px solid transparent;
  68. pointer-events:none;
  69. position:absolute;
  70. right:0;
  71. top:0;
  72. z-index:1;
  73. }
  74. .blocks-gallery-item figure.is-transient img{
  75. opacity:.3;
  76. }
  77. .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{
  78. display:inline-flex;
  79. }
  80. .blocks-gallery-item .block-editor-media-placeholder{
  81. height:100%;
  82. margin:0;
  83. }
  84. .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{
  85. display:flex;
  86. }
  87. .block-library-gallery-item__inline-menu{
  88. background:#fff;
  89. border:1px solid #1e1e1e;
  90. border-radius:2px;
  91. display:none;
  92. margin:8px;
  93. position:absolute;
  94. top:-2px;
  95. transition:box-shadow .2s ease-out;
  96. z-index:20;
  97. }
  98. @media (prefers-reduced-motion:reduce){
  99. .block-library-gallery-item__inline-menu{
  100. transition-delay:0s;
  101. transition-duration:0s;
  102. }
  103. }
  104. .block-library-gallery-item__inline-menu:hover{
  105. 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);
  106. }
  107. @media (min-width:600px){
  108. .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{
  109. padding:2px;
  110. }
  111. }
  112. .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){
  113. border:none;
  114. box-shadow:none;
  115. }
  116. @media (min-width:600px){
  117. .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{
  118. height:inherit;
  119. padding:0;
  120. width:inherit;
  121. }
  122. }
  123. .block-library-gallery-item__inline-menu.is-left{
  124. right:-2px;
  125. }
  126. .block-library-gallery-item__inline-menu.is-right{
  127. left:-2px;
  128. }
  129. .wp-block-gallery ul.blocks-gallery-grid{
  130. margin:0;
  131. padding:0;
  132. }
  133. @media (min-width:600px){
  134. .wp-block-update-gallery-modal{
  135. max-width:480px;
  136. }
  137. }
  138. .wp-block-update-gallery-modal-buttons{
  139. display:flex;
  140. gap:12px;
  141. justify-content:flex-end;
  142. }