style-child-theme-editor.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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. * Extras
  31. */
  32. .editor-post-title__input {
  33. text-align: center;
  34. }
  35. .wp-block-pullquote {
  36. border-bottom-width: 1px;
  37. }
  38. .wp-block-button__link {
  39. position: relative;
  40. &:before {
  41. border: 2px solid;
  42. content: "";
  43. display: block;
  44. left: 3px;
  45. margin: 0;
  46. position: absolute;
  47. top: 3px;
  48. height: calc(100% - 6px);
  49. width: calc(100% - 6px);
  50. }
  51. }
  52. .is-style-circular .wp-block-button__link {
  53. &:before {
  54. border-radius: 100px;
  55. }
  56. }
  57. .wp-block-a8c-blog-posts {
  58. .entry-title a {
  59. &:active,
  60. &:focus,
  61. &:hover {
  62. text-decoration: none;
  63. }
  64. }
  65. .cat-links a,
  66. .more-link,
  67. .entry-meta a {
  68. text-decoration: none;
  69. &:active,
  70. &:focus,
  71. &:hover {
  72. text-decoration: underline;
  73. }
  74. }
  75. &.image-alignbehind article {
  76. .entry-title a {
  77. &:active,
  78. &:focus,
  79. &:hover {
  80. text-decoration: underline;
  81. }
  82. }
  83. }
  84. }
  85. .has-background:not(.has-background-background-color),
  86. [class*="background-color"]:not(.has-background-background-color),
  87. [style*="background-color"] {
  88. .wp-block-a8c-blog-posts {
  89. .entry-title a{
  90. &:active,
  91. &:focus,
  92. &:hover {
  93. text-decoration: underline;
  94. }
  95. }
  96. }
  97. }
  98. .wp-block-a8c-blog-posts + .button {
  99. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "sm")) + 0em);
  100. outline: 2px solid;
  101. outline-offset: -5px;
  102. }