style-child-theme-editor.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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 Deep
  11. */
  12. @import "config-child-theme-deep";
  13. /**
  14. * Base
  15. * - Reset the browser
  16. */
  17. @import "../../varia/sass/base/editor";
  18. // Reset the font-family override on html to make editor fonts match front-end
  19. html {
  20. @include font-family( map-deep-get($config-global, "font", "family", "primary") );
  21. }
  22. // Set the correct font family/size for the title
  23. .editor-post-title .editor-post-title__block .editor-post-title__input {
  24. @include font-family( map-deep-get($config-global, "font", "family", "primary") );
  25. font-size: #{map-deep-get($config-global, "font", "size", "xxxl")};
  26. text-align: center;
  27. }
  28. /**
  29. * Elements
  30. * - Styles for basic HTML elemants
  31. */
  32. @import "../../varia/sass/elements/editor";
  33. /**
  34. * Blocks
  35. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  36. * spacing with CSS-variables overrides
  37. */
  38. @import "../../varia/sass/blocks/editor";
  39. .wp-block-a8c-blog-posts {
  40. .entry-title {
  41. @include font-family( map-deep-get($config-global, "font", "family", "primary") );
  42. }
  43. .entry-title a {
  44. color: inherit;
  45. &:active,
  46. &:focus,
  47. &:hover {
  48. text-decoration: none;
  49. color: #{map-deep-get($config-global, "color", "primary", "default")};
  50. }
  51. }
  52. .cat-links,
  53. .entry-meta {
  54. @include font-family( map-deep-get($config-global, "font", "family", "secondary") );
  55. }
  56. .cat-links a,
  57. .more-link,
  58. .entry-meta a {
  59. text-decoration: none;
  60. &:active,
  61. &:focus,
  62. &:hover {
  63. text-decoration: underline;
  64. }
  65. }
  66. &.image-alignbehind article {
  67. .entry-title a {
  68. &:active,
  69. &:focus,
  70. &:hover {
  71. text-decoration: underline;
  72. }
  73. }
  74. }
  75. }
  76. .has-background:not(.has-background-background-color),
  77. [class*="background-color"]:not(.has-background-background-color),
  78. [style*="background-color"] {
  79. .wp-block-a8c-blog-posts {
  80. .entry-title a{
  81. &:active,
  82. &:focus,
  83. &:hover {
  84. text-decoration: underline;
  85. }
  86. }
  87. }
  88. }
  89. .wp-block-a8c-blog-posts + .button {
  90. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "base")) + 0em);
  91. }