style.css 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /*
  2. Theme Name: Seedlet (Blocks)
  3. Theme URI: https://github.com/Automattic/themes/seedlet-blocks
  4. Author: Automattic
  5. Author URI: https://automattic.com/
  6. Description: A simple, text-driven, single-column block-based theme.
  7. Requires at least: 4.9.6
  8. Tested up to: 5.4.1
  9. Requires PHP: 7.3
  10. Version: 1.0
  11. License: GNU General Public License v2 or later
  12. License URI: LICENSE
  13. Template: seedlet
  14. Text Domain: seedlet-blocks
  15. Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
  16. Seedlet Blocks WordPress Theme, (C) 2020 Automattic, Inc.
  17. Seedlet Blocks is distributed under the terms of the GNU GPL.
  18. This program is free software: you can redistribute it and/or modify
  19. it under the terms of the GNU General Public License as published by
  20. the Free Software Foundation, either version 2 of the License, or
  21. (at your option) any later version.
  22. This program is distributed in the hope that it will be useful,
  23. but WITHOUT ANY WARRANTY; without even the implied warranty of
  24. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  25. GNU General Public License for more details.
  26. */
  27. /* Override Seedlet variables with values from experimental-theme.json.
  28. Doubling up on the :root selector is weird, but it just ensures these have higher specificity than everything else) */
  29. :root:root {
  30. /* Font Size */
  31. --global--font-size-xs: calc( 1px * var(--wp--preset--font-size--tiny) );
  32. --global--font-size-sm: calc( 1px * var(--wp--preset--font-size--small) );
  33. --global--font-size-md: calc( 1px * var(--wp--preset--font-size--normal) );
  34. --global--font-size-lg: calc( 1px * var(--wp--preset--font-size--large) );
  35. --global--font-size-xl: calc( 1px * var(--wp--preset--font-size--huge) );
  36. /* Colors */
  37. --global--color-background: var(--wp--preset--color--background);
  38. --global--color-foreground: var(--wp--preset--color--foreground);
  39. --global--color-primary: var(--wp--preset--color--primary);
  40. --global--color-secondary: var(--wp--preset--color--secondary);
  41. --global--color-tertiary: var(--wp--preset--color--tertiary);
  42. }
  43. /* Make sure full-width items in entry content show up as full-width. */
  44. .wp-block-group.site-content .wp-block-group__inner-container .entry-content {
  45. max-width: calc(100% + (2 * var(--global--spacing-horizontal)));
  46. width: calc(100% + (2 * var(--global--spacing-horizontal)));
  47. margin-left: calc(-1 * var(--global--spacing-horizontal));
  48. margin-right: auto;
  49. }