style-child-theme-editor.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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__input {
  38. text-align: center;
  39. }
  40. // Cover
  41. $font_size_xxxxl: map-deep-get($config-global, "font", "size", "xxxxl");
  42. $font_size_xxxl: map-deep-get($config-global, "font", "size", "xxxl");
  43. $font_size_xxl: map-deep-get($config-global, "font", "size", "xxl");
  44. $font_size_xl: map-deep-get($config-global, "font", "size", "xl");
  45. $font_size_lg: map-deep-get($config-global, "font", "size", "lg");
  46. $font_size_md: map-deep-get($config-global, "font", "size", "md");
  47. .wp-block-cover,
  48. .wp-block-cover-image {
  49. h1 {
  50. font-size: (strip-unit( $font_size_xxxxl ) + 0em);
  51. }
  52. h2 {
  53. font-size: (strip-unit( $font_size_xxxl ) + 0em);
  54. }
  55. h3 {
  56. font-size: (strip-unit( $font_size_xxl ) + 0em);
  57. }
  58. h4 {
  59. font-size: (strip-unit( $font_size_xl ) + 0em);
  60. }
  61. h5 {
  62. font-size: (strip-unit( $font_size_lg ) + 0em);
  63. }
  64. h6 {
  65. font-size: (strip-unit( $font_size_md ) + 0em);
  66. }
  67. @include media(mobile) {
  68. min-height: 60vh;
  69. }
  70. @include media(laptop) {
  71. min-height: 80vh;
  72. }
  73. }
  74. .wp-block-a8c-blog-posts {
  75. .entry-title a {
  76. color: inherit;
  77. }
  78. .cat-links a,
  79. .entry-title a:hover,
  80. .entry-meta a {
  81. text-decoration: none;
  82. }
  83. &.image-alignbehind {
  84. .cat-links a:hover,
  85. .entry-title a:hover,
  86. .entry-meta a:hover {
  87. text-decoration: underline;
  88. }
  89. }
  90. }
  91. .has-background:not(.has-background-background-color),
  92. [class*="background-color"]:not(.has-background-background-color),
  93. [style*="background-color"] {
  94. .wp-block-a8c-blog-posts {
  95. .cat-links a:hover,
  96. .entry-title a:hover,
  97. .entry-meta a:hover {
  98. text-decoration: underline;
  99. }
  100. }
  101. }
  102. .wp-block-a8c-blog-posts + .button {
  103. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "sm")) + 0em);
  104. }
  105. /**
  106. * Full Site Editing
  107. * - Full Site Editing overrides
  108. */
  109. @import "full-site-editing-editor";