style-child-theme-editor.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. .wp-block-cover,
  30. .wp-block-cover-image,
  31. .has-background {
  32. .wp-block-separator {
  33. border-color: currentColor;
  34. }
  35. }
  36. .wp-block-latest-posts {
  37. > li {
  38. > a {
  39. color: map-deep-get($config-global, "color", "foreground", "default");
  40. display: inline-block;
  41. text-decoration: none;
  42. &:hover,
  43. &:focus,
  44. &:active {
  45. color: map-deep-get($config-global, "color", "primary", "default");
  46. .has-background:not(.has-background-background-color) & {
  47. color: currentColor;
  48. text-decoration: underline;
  49. }
  50. }
  51. }
  52. }
  53. .wp-block-latest-posts__post-excerpt,
  54. .wp-block-latest-posts__post-full-content {
  55. margin-top: map-deep-get($config-global, "spacing", "unit");
  56. }
  57. }