Touch-ups (#10)

* Lots

* formatting

* version

* Revert the CBT auto pattern creation

* Clean up

Author: richtabor

parts/header.html

@@ -1,7 +1,7 @@
 <!-- wp:group {"metadata":{"name":"Header","categories":["header"],"patternName":"kanso/header-logo"},"align":"full","style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|40"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"metadata":{"name":"Inner Container"},"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
 <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"Left"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-<div class="wp-block-group"><!-- wp:site-logo {"width":60,"shouldSyncIcon":false,"className":"is-style-rounded","style":{"layout":{"selfStretch":"fill","flexSize":null}}} /-->
+<div class="wp-block-group"><!-- wp:site-logo {"width":60,"shouldSyncIcon":false,"className":"is-style-rounded"} /-->
 
 <!-- wp:site-title /--></div>
 <!-- /wp:group -->

style.css

@@ -145,18 +145,17 @@ textarea,
 input:not([type=submit]):not([type=checkbox]),
 .wp-block-post-comments-form textarea,
 .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
-	background-color: transparent;
-	border-color: var(--wp--preset--color--theme-5);
+	background-color: color-mix(in srgb, var(--wp--preset--color--theme-1) 98%, var(--wp--preset--color--theme-6) 2%);
+	border-color: var(--wp--preset--color--theme-4);
 	border-radius: var(--wp--preset--spacing--10);
 	border-style: solid;
 	border-width: 1px;
 	box-shadow: none;
 	box-sizing: border-box;
 	color: var(--wp--preset--color--theme-6);
-	font-size: var(--wp--preset--font-size--small);
 	line-height: 1.5;
-	min-height: 42px;
-	padding:  var(--wp--preset--spacing--10)  var(--wp--preset--spacing--20);
+	min-height: 44px;
+	padding:  var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
 	width: 100%;
 }
 
@@ -385,7 +384,7 @@ input:not([type=submit]):focus,
 	box-shadow: var(--wp--preset--shadow--inset, inset 0 0 0 1px hsl(0 0% 0% / 10%));
 	display: inline-flex;
 	justify-content: center;
-	min-height: 40px;
+	min-height: 38px;
 	transition: background-color var(--wp--custom--transition--duration, 200ms) ease-out, color var(--wp--custom--transition--duration, 200ms) ease-out, transform var(--wp--custom--transition--duration, 200ms) cubic-bezier(.4,0,.2,1);
 }
 
@@ -441,6 +440,17 @@ input:not([type=submit]):focus,
 	color: var(--wp--preset--color--theme-6);
 }
 
+.logged-in-as,
+.required-field-message {
+	display: block;
+	font-size: var(--wp--preset--font-size--small);
+}
+
+.required-field-message {
+	color: var(--wp--preset--color--theme-5);
+	margin-top: calc( var(--wp--preset--spacing--10) * 0.5 );
+}
+
 /* Blank template */
 
 .page-template-template-blank .wp-site-blocks {

templates/index.html

@@ -17,10 +17,18 @@ <h1 class="wp-block-heading is-style-text-title">Hi, I'm Rich Tabor</h1>
 <div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
-<!-- wp:query {"metadata":{"categories":["blog"]},"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
+<!-- wp:query {"queryId":0,"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"metadata":{"categories":["blog"]}} -->
 <div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"default","columnCount":1}} -->
 <!-- wp:template-part {"slug":"post"} /-->
-<!-- /wp:post-template --></div>
+<!-- /wp:post-template -->
+
+<!-- wp:query-pagination {"paginationArrow":"arrow","showLabel":false,"layout":{"type":"flex","flexWrap":"nowrap","orientation":"horizontal","justifyContent":"space-between"}} -->
+<!-- wp:query-pagination-previous {"label":"Prev"} /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next {"label":"Next"} /-->
+<!-- /wp:query-pagination --></div>
 <!-- /wp:query --></main>
 <!-- /wp:group -->