diff --git a/twentynineteen-blocks/block-templates/index.html b/twentynineteen-blocks/block-templates/index.html index 878da927..b46760c0 100644 --- a/twentynineteen-blocks/block-templates/index.html +++ b/twentynineteen-blocks/block-templates/index.html @@ -3,7 +3,9 @@ -
+
+ +
diff --git a/twentynineteen-blocks/block-templates/singular.html b/twentynineteen-blocks/block-templates/singular.html new file mode 100644 index 00000000..878da927 --- /dev/null +++ b/twentynineteen-blocks/block-templates/singular.html @@ -0,0 +1,11 @@ + + + + + +
+ + + + + \ No newline at end of file diff --git a/twentynineteen-blocks/style.css b/twentynineteen-blocks/style.css index 03ffd1ff..b8ad5fa5 100644 --- a/twentynineteen-blocks/style.css +++ b/twentynineteen-blocks/style.css @@ -97,19 +97,59 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me } } -/* Post title positioning */ +/* Site content positioning */ -.wp-site-blocks .site-content > .wp-block-group__inner-container > h1:first-child { +.wp-site-blocks .site-content > .wp-block-group__inner-container > *:not(.align-full):not(.align-wide) { max-width: calc(100% - (2 * 1rem)); margin: 0 1rem; } @media only screen and (min-width: 768px) { - .wp-site-blocks .site-content > .wp-block-group__inner-container > h1:first-child { - max-width: 80%; - margin: 0 10%; - padding: 0 60px; - } + .wp-site-blocks .site-content > .wp-block-group__inner-container > *:not(.align-full):not(.align-wide) { + max-width: 80%; + margin: 0 10%; + padding: 0 60px; + } +} + +/* Latest posts block */ + +.wp-block-latest-posts { + padding-left: 0; +} + +.wp-block-latest-posts li > a { + font-size: 2.25em; + font-weight: 700; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + color: #111; + line-height: 1.2; +} + +.wp-block-latest-posts.wp-block-latest-posts__list li > a::before { + background: #767676; + content: "\020"; + display: block; + height: 2px; + margin: 1rem 0; + width: 1em; +} + +.wp-block-latest-posts.wp-block-latest-posts__list li:not(:first-child) { + margin-top: calc(6 * 1rem); +} + +.wp-block-latest-posts .wp-block-latest-posts__post-date { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; + font-size: 0.71111em; + margin-top: 0.71111em; + margin-bottom: 1.5em; +} + +@media only screen and (min-width: 768px) { + .wp-block-latest-posts__post-excerpt { + max-width: calc(6 * (100vw / 12) - 28px); + } } /* Site navigation styles */