_editor.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. body {
  2. color: #{map-deep-get($config-global, "color", "foreground", "default")};
  3. background-color: #{map-deep-get($config-global, "color", "background", "default")};
  4. @include font-family( map-deep-get($config-global, "font", "family", "secondary") );
  5. font-size: #{map-deep-get($config-global, "font", "size", "root")};
  6. font-weight: normal;
  7. line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
  8. -moz-osx-font-smoothing: grayscale;
  9. -webkit-font-smoothing: antialiased;
  10. }
  11. // Set font size of title block the same as body.
  12. .editor-post-title__block {
  13. font-size: #{map-deep-get($config-global, "font", "size", "root")};
  14. }
  15. p {
  16. font-size: (strip-unit(map-deep-get($config-global, "font", "size", "base")) + 0em);
  17. line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
  18. }
  19. // Links styles
  20. a {
  21. color: #{map-deep-get($config-global, "color", "primary", "default")};
  22. &:hover {
  23. color: #{map-deep-get($config-global, "color", "primary", "hover")};
  24. }
  25. .has-primary-background-color &:not(.has-text-color) {
  26. color: #{map-deep-get($config-global, "color", "background", "default")};
  27. }
  28. }
  29. button,
  30. a {
  31. cursor: pointer;
  32. }
  33. button,
  34. input,
  35. optgroup,
  36. select,
  37. textarea {
  38. font-family: inherit;
  39. font-size: 100%;
  40. line-height: 1.15;
  41. margin: 0;
  42. }