style-editor.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* Override Seedlet variables with values from experimental-theme.json. */
  2. body {
  3. /* Font Family */
  4. --global--font-primary: var(--font-headings, Lora, serif);
  5. --global--font-secondary: var(--font-base, Lora, sans-serif);
  6. --global--font-code: monospace, monospace;
  7. --global--font-ui: var(--font-base, var(--global--font-secondary));
  8. /* Font Size */
  9. --global--font-size-xs: var(--wp--preset--font-size--tiny);
  10. --global--font-size-sm: var(--wp--preset--font-size--small);
  11. --global--font-size-md: var(--wp--preset--font-size--medium);
  12. --global--font-size-lg: var(--wp--preset--font-size--large);
  13. --global--font-size-xl: var(--wp--preset--font-size--extra-large);
  14. --global--font-size-xxl: var(--wp--preset--font-size--huge);
  15. --global--font-size-xxxl: var(--wp--preset--font-size--gigantic);
  16. --heading--font-weight: 600;
  17. --heading--font-weight-strong: 700;
  18. /* Colors */
  19. --global--color-background: var(--wp--preset--color--background);
  20. --global--color-foreground: var(--wp--preset--color--foreground);
  21. --global--color-primary: var(--wp--preset--color--primary);
  22. --global--color-secondary: var(--wp--preset--color--secondary);
  23. --global--color-tertiary: var(--wp--preset--color--tertiary);
  24. /* Colors */
  25. --button--padding-vertical: calc(.66 * var(--global--spacing-horizontal) - var(--button--border-width));
  26. --button--padding-horizontal: var(--global--spacing-horizontal);
  27. }
  28. /**
  29. * Override Seedlet Media Query Variables
  30. */
  31. @media only screen and (min-width: 1024px) {
  32. body {
  33. --responsive--aligndefault-width: calc(750px - var(--responsive--spacing-horizontal));
  34. --responsive--alignwide-width: calc(990px - var(--responsive--spacing-horizontal));
  35. --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
  36. --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)));
  37. }
  38. }
  39. .site-content .wp-block[data-align="full"] > [data-block], .site-content .wp-block.alignfull > [data-block] {
  40. margin-top: 0;
  41. margin-bottom: 0;
  42. }