style-child-theme-editor.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. * Extras
  31. */
  32. .editor-post-title__input {
  33. text-align: center;
  34. }
  35. .wp-block-a8c-blog-posts {
  36. .entry-title a {
  37. color: inherit;
  38. &:active,
  39. &:focus,
  40. &:hover {
  41. color: #{map-deep-get($config-global, "color", "primary", "default")};
  42. }
  43. }
  44. .cat-links a,
  45. .entry-title a:hover,
  46. .entry-meta a {
  47. text-decoration: none;
  48. }
  49. &.image-alignbehind {
  50. .cat-links a:hover,
  51. .entry-title a:hover,
  52. .entry-meta a:hover {
  53. text-decoration: underline;
  54. }
  55. }
  56. }
  57. .has-background:not(.has-background-background-color),
  58. [class*="background-color"]:not(.has-background-background-color),
  59. [style*="background-color"] {
  60. .wp-block-a8c-blog-posts {
  61. .cat-links a:hover,
  62. .entry-title a:hover,
  63. .entry-meta a:hover {
  64. text-decoration: underline;
  65. }
  66. }
  67. }
  68. .wp-block-a8c-blog-posts + .button {
  69. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "base")) + 0em);
  70. }
  71. /**
  72. * Full Site Editing
  73. * - Full Site Editing overrides
  74. */
  75. @import "full-site-editing-editor";