style-child-theme-editor.scss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  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. $color_background: #{map-deep-get($config-global, "color", "background", "default")};
  38. $color_background_light: #{map-deep-get($config-global, "color", "background", "light")};
  39. $color_foreground: #{map-deep-get($config-global, "color", "foreground", "default")};
  40. $color_primary: #{map-deep-get($config-global, "color", "primary", "default")};
  41. $color_secondary: #{map-deep-get($config-global, "color", "secondary", "default")};
  42. $color_primary_hover: #{map-deep-get($config-global, "color", "primary", "hover")};
  43. $color_secondary_hover: #{map-deep-get($config-global, "color", "secondary", "hover")};
  44. $spacing_horizontal: #{map-deep-get($config-global, "spacing", "horizontal")};
  45. $spacing_vertical: #{map-deep-get($config-global, "spacing", "vertical")};
  46. $font_size_xs: #{map-deep-get($config-global, "font", "size", "xs")};
  47. $font_size_sm: #{map-deep-get($config-global, "font", "size", "sm")};
  48. $font_size_md: #{map-deep-get($config-global, "font", "size", "md")};
  49. $font_size_base: #{map-deep-get($config-global, "font", "size", "base")};
  50. $font_size_lg: #{map-deep-get($config-global, "font", "size", "lg")};
  51. $font_size_xl: #{map-deep-get($config-global, "font", "size", "xl")};
  52. $font_family_primary: #{map-deep-get($config-global, "font", "family", "primary")};
  53. $font_family_secondary: #{map-deep-get($config-global, "font", "family", "secondary")};
  54. $font_family_code: #{map-deep-get($config-global, "font", "family", "code")};
  55. $font_line_height_body: #{map-deep-get($config-global, "font", "line-height", "body")};
  56. $button_line_height: #{map-deep-get($config-button, "font", "line-height")};
  57. $button_font_weight: #{map-deep-get($config-button, "font", "weight")};
  58. $button_font_family: #{map-deep-get($config-button, "font", "family")};
  59. $button_font_size: #{map-deep-get($config-button, "font", "size")};
  60. $button_spacing_vertical: #{map-deep-get($config-button, "padding", "vertical")};
  61. $button_spacing_horizontal: #{map-deep-get($config-button, "padding", "horizontal")};
  62. $button_background_hover: #{map-deep-get($config-button, "color", "background-hover")};
  63. $font_size_widget_title: #{map-deep-get($config-heading, "font", "size", "h4")};
  64. .editor-post-title__input {
  65. text-align: center;
  66. }
  67. /**
  68. * 1. General Styles
  69. */
  70. a {
  71. text-decoration: none;
  72. .wp-block-group &,
  73. .wp-block-cover &,
  74. .wp-block-cover-image &,
  75. .wp-block-media-text &,
  76. p:not(.site-title) & {
  77. text-decoration: underline;
  78. &.wp-block-button__link,
  79. &:hover {
  80. text-decoration: none;
  81. }
  82. }
  83. }
  84. .has-background {
  85. a {
  86. color: currentColor;
  87. }
  88. }
  89. .wp-block-a8c-blog-posts {
  90. .entry-title a {
  91. &:active,
  92. &:focus,
  93. &:hover {
  94. text-decoration: none;
  95. }
  96. }
  97. .cat-links a,
  98. .more-link,
  99. .entry-meta a {
  100. text-decoration: none;
  101. &:active,
  102. &:focus,
  103. &:hover {
  104. text-decoration: underline;
  105. }
  106. }
  107. &.image-alignbehind article {
  108. .entry-title a {
  109. &:active,
  110. &:focus,
  111. &:hover {
  112. text-decoration: underline;
  113. }
  114. }
  115. }
  116. }
  117. .has-background:not(.has-background-background-color),
  118. [class*="background-color"]:not(.has-background-background-color),
  119. [style*="background-color"] {
  120. .wp-block-a8c-blog-posts {
  121. .entry-title a{
  122. text-decoration: none;
  123. &:active,
  124. &:focus,
  125. &:hover {
  126. text-decoration: underline;
  127. }
  128. }
  129. }
  130. }
  131. .wp-block-a8c-blog-posts + .button {
  132. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "sm")) + 0em);
  133. }
  134. /**
  135. * Full Site Editing
  136. * - Full Site Editing overrides
  137. */
  138. @import "full-site-editing-editor";