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.

73 lines
4.2 KiB

1 year ago
  1. .wp-block-post-featured-image .block-editor-media-placeholder{
  2. -webkit-backdrop-filter:none;
  3. backdrop-filter:none;
  4. z-index:1;
  5. }
  6. .wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{
  7. align-items:center;
  8. display:flex;
  9. justify-content:center;
  10. min-height:200px;
  11. padding:0;
  12. }
  13. .wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{
  14. display:none;
  15. }
  16. .wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{
  17. align-items:center;
  18. background:var(--wp-admin-theme-color);
  19. border-color:var(--wp-admin-theme-color);
  20. border-radius:50%;
  21. border-style:solid;
  22. color:#fff;
  23. display:flex;
  24. height:48px;
  25. justify-content:center;
  26. padding:0;
  27. position:relative;
  28. width:48px;
  29. }
  30. .wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{
  31. color:inherit;
  32. }
  33. .wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){
  34. border-style:solid;
  35. }
  36. .wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){
  37. border-top-style:solid;
  38. }
  39. .wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){
  40. border-right-style:solid;
  41. }
  42. .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){
  43. border-bottom-style:solid;
  44. }
  45. .wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){
  46. border-left-style:solid;
  47. }
  48. .wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){
  49. border-style:solid;
  50. }
  51. .wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){
  52. border-top-style:solid;
  53. }
  54. .wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){
  55. border-right-style:solid;
  56. }
  57. .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){
  58. border-bottom-style:solid;
  59. }
  60. .wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){
  61. border-left-style:solid;
  62. }
  63. .wp-block-post-featured-image[style*=height] .components-placeholder{
  64. height:100%;
  65. min-height:48px;
  66. min-width:48px;
  67. width:100%;
  68. }
  69. div[data-type="core/post-featured-image"] img{
  70. display:block;
  71. height:auto;
  72. max-width:100%;
  73. }