Skip to content

Instantly share code, notes, and snippets.

@scruffian
scruffian / gist:3dab906ee04d3c1c689bb08d23198f84
Last active July 2, 2024 09:25
style variation with only typography and spacing rules
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"title": "Maelstrom 2",
"settings": {
"typography": {
"fontFamilies": [
{
"fontFace": [
{
<!-- wp:paragraph -->
<p>This post will attempt to document all of the ways alignment can be assigned. Note that how the PAGE TEMPLATE is built that this content is shown on has much to do with how the items below will lay out. It is assumed that the post-content block in the template DOES have 'inherit layout' applied and is the top level container. </p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2>No Containing It</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>This is a paragraph. It is a default paragraph inside no container. It should be the "regular" content with. When the window is WIDER than the "normal" width this paragraph block should be exactly as wide as the "normal width" is configured to be. When the window is anything smaller than that this paragraph should have space between it and the edge of the window.</p>