style-child-theme-editor.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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. //@import "config-child-theme";
  14. /**
  15. * Base
  16. * - Reset the browser
  17. */
  18. @import "../../varia/sass/base/editor";
  19. /**
  20. * Elements
  21. * - Styles for basic HTML elemants
  22. */
  23. @import "../../varia/sass/elements/editor";
  24. /**
  25. * Blocks
  26. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  27. * spacing with CSS-variables overrides
  28. */
  29. @import "../../varia/sass/blocks/editor";
  30. /**
  31. * Extras
  32. */
  33. .has-small-font-size {
  34. @include font-family( map-deep-get($config-global, "font", "family", "primary") );
  35. }
  36. .wp-block-a8c-blog-posts {
  37. .cat-links a,
  38. .entry-title a:hover,
  39. .entry-meta a {
  40. text-decoration: none;
  41. }
  42. &.image-alignbehind {
  43. .cat-links a:hover,
  44. .entry-title a:hover,
  45. .entry-meta a:hover {
  46. text-decoration: underline;
  47. }
  48. }
  49. .more-link:hover {
  50. color: inherit;
  51. }
  52. }
  53. .has-background:not(.has-background-background-color),
  54. [class*="background-color"]:not(.has-background-background-color),
  55. [style*="background-color"] {
  56. .wp-block-a8c-blog-posts {
  57. .cat-links a:hover,
  58. .entry-title a:hover,
  59. .entry-meta a:hover {
  60. text-decoration: underline;
  61. }
  62. }
  63. }
  64. .wp-block-a8c-blog-posts + .button {
  65. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "md")) + 0em);
  66. }