style-editor-customizer.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233
  1. /*!
  2. Sophisticated Business Customizer Styles & Non-latin Font Fallbacks
  3. NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
  4. */
  5. /** === Includes === */
  6. @import "sass/mixins/mixins-master";
  7. /** === Non-Latin font fallbacks === */
  8. @include non-latin-fonts( '.wp-block' );
  9. /** === Temporary fix for https://github.com/WordPress/gutenberg/issues/12908 */
  10. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control,
  11. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle,
  12. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled="true"]):not(.is-default) {
  13. background: transparent;
  14. color: rgba(255,255,255,.65);
  15. box-shadow: none;
  16. }
  17. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control:hover {
  18. background: #fff;
  19. color: #191e23;
  20. box-shadow: inset 0 0 0 1px #e2e4e7,inset 0 0 0 2px #fff,0 1px 1px rgba(25,30,35,.2);
  21. }
  22. .is-dark-theme .editor-block-list__layout .editor-block-list__layout .editor-block-mover__control[aria-disabled=true] {
  23. color: rgba(255,255,255,.2);
  24. }