style-child-theme-editor.scss 2.1 KB

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