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.

104 lines
3.3 KiB

1 year ago
  1. .wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{
  2. display:table;
  3. margin-left:auto;
  4. margin-right:auto;
  5. }
  6. .wp-block-site-logo a{
  7. pointer-events:none;
  8. }
  9. .wp-block-site-logo .custom-logo-link{
  10. cursor:inherit;
  11. }
  12. .wp-block-site-logo .custom-logo-link:focus{
  13. box-shadow:none;
  14. }
  15. .wp-block-site-logo .custom-logo-link.is-transient img{
  16. opacity:.3;
  17. }
  18. .wp-block-site-logo img{
  19. display:block;
  20. height:auto;
  21. max-width:100%;
  22. }
  23. .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{
  24. height:60px;
  25. width:60px;
  26. }
  27. .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{
  28. border-radius:inherit;
  29. }
  30. .wp-block-site-logo.wp-block-site-logo .components-placeholder{
  31. align-items:center;
  32. border-radius:inherit;
  33. display:flex;
  34. height:100%;
  35. justify-content:center;
  36. min-height:48px;
  37. min-width:48px;
  38. padding:0;
  39. width:100%;
  40. }
  41. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{
  42. display:none;
  43. }
  44. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{
  45. align-items:center;
  46. background:var(--wp-admin-theme-color);
  47. border-color:var(--wp-admin-theme-color);
  48. border-radius:50%;
  49. border-style:solid;
  50. color:#fff;
  51. display:flex;
  52. height:48px;
  53. justify-content:center;
  54. padding:0;
  55. position:relative;
  56. width:48px;
  57. }
  58. .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{
  59. color:inherit;
  60. }
  61. .block-library-site-logo__inspector-upload-container{
  62. position:relative;
  63. }
  64. .block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon{
  65. display:none;
  66. }
  67. .block-library-site-logo__inspector-media-replace-container button.components-button,.block-library-site-logo__inspector-upload-container button.components-button{
  68. box-shadow:inset 0 0 0 1px #ccc;
  69. color:#1e1e1e;
  70. display:block;
  71. height:40px;
  72. width:100%;
  73. }
  74. .block-library-site-logo__inspector-media-replace-container button.components-button:hover,.block-library-site-logo__inspector-upload-container button.components-button:hover{
  75. color:var(--wp-admin-theme-color);
  76. }
  77. .block-library-site-logo__inspector-media-replace-container button.components-button:focus,.block-library-site-logo__inspector-upload-container button.components-button:focus{
  78. box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  79. }
  80. .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title,.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title{
  81. text-align:start;
  82. text-align-last:center;
  83. white-space:normal;
  84. word-break:break-all;
  85. }
  86. .block-library-site-logo__inspector-media-replace-container .components-dropdown{
  87. display:block;
  88. }
  89. .block-library-site-logo__inspector-media-replace-container img{
  90. aspect-ratio:1;
  91. border-radius:50% !important;
  92. box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);
  93. min-width:20px;
  94. width:20px;
  95. }
  96. .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview{
  97. display:flex;
  98. height:40px;
  99. padding:6px 12px;
  100. }