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.

126 lines
3.0 KiB

1 year ago
  1. .wp-block-image.wp-block-image.is-selected .components-placeholder{
  2. background-color:#fff;
  3. border:none;
  4. border-radius:2px;
  5. box-shadow:inset 0 0 0 1px #1e1e1e;
  6. color:#1e1e1e;
  7. filter:none !important;
  8. }
  9. .wp-block-image.wp-block-image.is-selected .components-placeholder>svg{
  10. opacity:0;
  11. }
  12. .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{
  13. display:none;
  14. }
  15. .wp-block-image.wp-block-image.is-selected .components-placeholder:before{
  16. opacity:0;
  17. }
  18. .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{
  19. transition:none;
  20. }
  21. figure.wp-block-image:not(.wp-block){
  22. margin:0;
  23. }
  24. .wp-block-image{
  25. position:relative;
  26. }
  27. .wp-block-image .is-applying img,.wp-block-image.is-transient img{
  28. opacity:.3;
  29. }
  30. .wp-block-image figcaption img{
  31. display:inline;
  32. }
  33. .wp-block-image .components-spinner{
  34. position:absolute;
  35. right:50%;
  36. top:50%;
  37. transform:translate(50%, -50%);
  38. }
  39. .wp-block-image .components-resizable-box__container{
  40. display:table;
  41. }
  42. .wp-block-image .components-resizable-box__container img{
  43. display:block;
  44. height:inherit;
  45. width:inherit;
  46. }
  47. .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
  48. left:0;
  49. margin:-1px 0;
  50. position:absolute;
  51. right:0;
  52. }
  53. @media (min-width:600px){
  54. .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
  55. margin:-1px;
  56. }
  57. }
  58. [data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
  59. height:auto;
  60. width:100%;
  61. }
  62. .wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
  63. display:table;
  64. }
  65. .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{
  66. caption-side:bottom;
  67. display:table-caption;
  68. }
  69. .wp-block[data-align=left]>.wp-block-image{
  70. margin:.5em 0 .5em 1em;
  71. }
  72. .wp-block[data-align=right]>.wp-block-image{
  73. margin:.5em 1em .5em 0;
  74. }
  75. .wp-block[data-align=center]>.wp-block-image{
  76. margin-left:auto;
  77. margin-right:auto;
  78. text-align:center;
  79. }
  80. .wp-block-image__crop-area{
  81. max-width:100%;
  82. overflow:hidden;
  83. position:relative;
  84. width:100%;
  85. }
  86. .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
  87. border:none;
  88. border-radius:0;
  89. }
  90. .wp-block-image__crop-icon{
  91. align-items:center;
  92. display:flex;
  93. justify-content:center;
  94. min-width:48px;
  95. padding:0 8px;
  96. }
  97. .wp-block-image__crop-icon svg{
  98. fill:currentColor;
  99. }
  100. .wp-block-image__zoom .components-popover__content{
  101. min-width:260px;
  102. overflow:visible !important;
  103. }
  104. .wp-block-image__aspect-ratio{
  105. align-items:center;
  106. display:flex;
  107. height:46px;
  108. margin-bottom:-8px;
  109. }
  110. .wp-block-image__aspect-ratio .components-button{
  111. padding-left:0;
  112. padding-right:0;
  113. width:36px;
  114. }