style-child-theme-editor.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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. $font_size_xxxxl: map-deep-get($config-global, "font", "size", "xxxxl");
  33. $font_size_xxxl: map-deep-get($config-global, "font", "size", "xxxl");
  34. $font_size_xxl: map-deep-get($config-global, "font", "size", "xxl");
  35. $font_size_xl: map-deep-get($config-global, "font", "size", "xl");
  36. $font_size_lg: map-deep-get($config-global, "font", "size", "lg");
  37. $font_size_md: map-deep-get($config-global, "font", "size", "md");
  38. html,
  39. body {
  40. font-weight: 300;
  41. }
  42. b, strong {
  43. font-weight: 500;
  44. }
  45. .editor-post-title__block .editor-post-title__input {
  46. font-weight: 300;
  47. text-align: center;
  48. font-size: (strip-unit( $font_size_xxl ) + 0em);
  49. @include media(laptop) {
  50. font-size: (strip-unit( $font_size_xxxxl ) + 0em);
  51. }
  52. }
  53. .wp-block-cover,
  54. .wp-block-cover-image {
  55. p {
  56. text-shadow: 0 0 6px #000;
  57. }
  58. h1,h2,h3,h4,h5,h6 {
  59. font-weight: 300;
  60. text-shadow: 0 0 12px #000;
  61. }
  62. @include media(desktop) {
  63. min-height: #{20 * map-deep-get($config-global, "spacing", "vertical")};
  64. h1 {
  65. font-size: (strip-unit( $font_size_xxxxl ) + 0em);
  66. }
  67. h2 {
  68. font-size: (strip-unit( $font_size_xxxl ) + 0em);
  69. }
  70. h3 {
  71. font-size: (strip-unit( $font_size_xxl ) + 0em);
  72. }
  73. h4 {
  74. font-size: (strip-unit( $font_size_xl ) + 0em);
  75. }
  76. h5 {
  77. font-size: (strip-unit( $font_size_lg ) + 0em);
  78. }
  79. h6 {
  80. font-size: (strip-unit( $font_size_md ) + 0em);
  81. }
  82. }
  83. }
  84. /**
  85. * Full Site Editing
  86. * - Full Site Editing overrides
  87. */
  88. @import "full-site-editing-editor";