style-child-theme-editor.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /**
  2. * These styles should be loaded by the Block Editor only
  3. */
  4. /**
  5. * Abstracts
  6. * - Mixins, variables and functions
  7. */
  8. @import "../../varia/sass/abstracts/imports";
  9. /**
  10. * Child Theme Name
  11. */
  12. @import "config-child-theme-deep";
  13. /**
  14. * Base
  15. * - Reset the browser
  16. */
  17. @import "../../varia/sass/base/editor";
  18. /**
  19. * Elements
  20. * - Styles for basic HTML elemants
  21. */
  22. @import "../../varia/sass/elements/editor";
  23. /**
  24. * Blocks
  25. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  26. * spacing with CSS-variables overrides
  27. */
  28. @import "../../varia/sass/blocks/editor";
  29. /**
  30. * Vendors
  31. * - Styles for 3rd party plugins and WP extensions
  32. */
  33. @import "../../varia/sass/vendors/editor";
  34. /**
  35. * Extras
  36. */
  37. .editor-post-title__block .editor-post-title__input {
  38. font-weight: 600;
  39. }
  40. .wp-block-media-text {
  41. background: #{map-deep-get($config-global, "color", "secondary", "default")};
  42. color: #{map-deep-get($config-global, "color", "background", "default")};
  43. &.is-style-inset-borders:before {
  44. border-color: #{map-deep-get($config-global, "color", "background", "default")};
  45. }
  46. }
  47. .wp-block-a8c-blog-posts {
  48. .cat-links a,
  49. .entry-title a:hover,
  50. .more-link,
  51. .entry-meta a {
  52. text-decoration: none;
  53. }
  54. &.image-alignbehind {
  55. .cat-links a:hover,
  56. .entry-title a:hover,
  57. .more-link:hover,
  58. .entry-meta a:hover {
  59. text-decoration: underline;
  60. }
  61. }
  62. }
  63. .has-background:not(.has-background-background-color),
  64. [class*="background-color"]:not(.has-background-background-color),
  65. [style*="background-color"] {
  66. .wp-block-a8c-blog-posts {
  67. .cat-links a:hover,
  68. .entry-title a:hover,
  69. .more-link:hover,
  70. .emtry-meta a:hover {
  71. text-decoration: underline;
  72. }
  73. }
  74. }
  75. .wp-block-a8c-blog-posts + .button {
  76. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "base")) + 0em);
  77. }