style-child-theme-editor.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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. * Global variables
  11. */
  12. @import "global-variables";
  13. :root,
  14. body {
  15. @include global-variables();
  16. }
  17. /**
  18. * Child Theme Name
  19. */
  20. @import "config-child-theme-deep";
  21. /**
  22. * Base
  23. * - Reset the browser
  24. */
  25. @import "../../varia/sass/base/editor";
  26. /**
  27. * Elements
  28. * - Styles for basic HTML elemants
  29. */
  30. @import "../../varia/sass/elements/editor";
  31. /**
  32. * Blocks
  33. * - These styles replace key Gutenberg Block styles for fonts, colors, and
  34. * spacing with CSS-variables overrides
  35. */
  36. @import "../../varia/sass/blocks/editor";
  37. /**
  38. * Vendors
  39. * - Styles for 3rd party plugins and WP extensions
  40. */
  41. @import "../../varia/sass/vendors/editor";
  42. /**
  43. * Extras
  44. */
  45. .editor-post-title__input {
  46. text-align: center;
  47. }
  48. .wp-block-pullquote {
  49. border-bottom-width: 1px;
  50. }
  51. .wp-block-button__link {
  52. position: relative;
  53. &::before {
  54. border: 2px solid;
  55. border-radius: inherit;
  56. content: "";
  57. display: block;
  58. left: 3px;
  59. margin: 0;
  60. position: absolute;
  61. top: 3px;
  62. height: calc(100% - 10px);
  63. width: calc(100% - 10px);
  64. }
  65. }
  66. .wp-block-a8c-blog-posts {
  67. .entry-title a {
  68. &:active,
  69. &:focus,
  70. &:hover {
  71. text-decoration: none;
  72. }
  73. }
  74. .cat-links a,
  75. .more-link,
  76. .entry-meta a {
  77. text-decoration: none;
  78. &:active,
  79. &:focus,
  80. &:hover {
  81. text-decoration: underline;
  82. }
  83. }
  84. &.image-alignbehind article {
  85. .entry-title a {
  86. &:active,
  87. &:focus,
  88. &:hover {
  89. text-decoration: underline;
  90. }
  91. }
  92. }
  93. }
  94. .has-background:not(.has-background-background-color),
  95. [class*="background-color"]:not(.has-background-background-color),
  96. [style*="background-color"] {
  97. .wp-block-a8c-blog-posts {
  98. .entry-title a {
  99. &:active,
  100. &:focus,
  101. &:hover {
  102. text-decoration: underline;
  103. }
  104. }
  105. }
  106. }
  107. .wp-block-a8c-blog-posts + .button {
  108. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "sm")) + 0);
  109. outline: 2px solid;
  110. outline-offset: -5px;
  111. }