v1.0.5: Minor layout fixes and refactoring

Merge pull request #1 from matheusmisumoto/layout-adjustments

README.md

@@ -29,16 +29,25 @@ All contributions are accepted, even the smallest. You can:
 
 ## License
 
-The Evolution theme, (C) 2022 Matheus Misumoto. Distributed under the terms of the GNU GPL v3+.
+The Evolution theme, (C) 2022-2023 Matheus Misumoto. Distributed under the terms of the GNU GPL v3+.
 
 This theme bundles the following third-party resources:
 
 ### Inter Font
-Copyright (c) 2016-2020 The Inter Project Authors.
+
+Copyright (c) Rasmus Andersson.
 
 License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1
 
 Source: https://github.com/rsms/inter
 
+### Roboto Mono
+
+Copyright (c) Christian Robertson.
+
+License: Apache License, 2.0, http://www.apache.org/licenses/LICENSE-2.0
+
+Source: https://fonts.google.com/specimen/Roboto+Mono
+
 ---
 Developed with ☕ by [Matheus Misumoto](https://matheusmisumoto.dev) in Santos, Brazil

functions.php

@@ -19,9 +19,6 @@
  */
  function evolution_support() {
 
- // Add support for block styles.
- add_theme_support( 'wp-block-styles' );
-
  // Enqueue editor styles.
  add_editor_style( 'style.css' );
 

readme.txt

@@ -4,7 +4,7 @@ Contributors: Matheus Misumoto
 Requires at least: 6.0
 Tested up to: 6.0
 Requires PHP: 7.4
-Stable tag: 1.0.4
+Stable tag: 1.0.5
 License: GPLv3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 
@@ -18,6 +18,11 @@ Tags: block-patterns, custom-logo, custom-menu, featured-images, threaded-commen
 
 == Changelog ==
 
+= 1.0.5 =
+* Minor refactoring
+* Use Roboto Mono font to code block
+* Fix block alignmnent on post-title
+
 = 1.0.4 =
 * Fixed truncated CSS file
 
@@ -54,6 +59,11 @@ GNU General Public License for more details.
 This theme bundles the following third-party resources:
 
 Inter Font
-Copyright (c) 2016-2020 The Inter Project Authors.
+Copyright (c) Rasmus Andersson.
 License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1
-Source: https://github.com/rsms/inter
+Source: https://github.com/rsms/inter
+
+Roboto Mono
+Copyright (c) Christian Robertson.
+License: Apache License, 2.0, http://www.apache.org/licenses/LICENSE-2.0
+Source: https://fonts.google.com/specimen/Roboto+Mono

style.css

@@ -5,7 +5,7 @@ Theme Name: The Evolution
 Author: Matheus Misumoto
 Author URI: https://matheusmisumoto.dev/
 Description: The Evolution is a minimalistic multi-purpose block theme. From single page website to complex navigations, it's a great theme to publish stories, tutorials, documentations, etc.
-Version: 1.0.4
+Version: 1.0.5
 Requires at least: 6.0
 Tested up to: 6.0
 Requires PHP: 7.4
@@ -38,7 +38,7 @@ Tags: custom-logo, featured-images, threaded-comments, translation-ready, blog,
  --content: 750px;
 }
 
-* { margin: 0; padding: 0; box-sizing: border-box; }
+* { box-sizing: border-box; }
 html, body { font-size: 16px; background: var(--page-bg); color: var(--text); direction: ltr; -webkit-font-smoothing: antialiased; }
 input { font-family: "Inter", Arial, sans-serif; }
 a { text-decoration: none; }
@@ -77,8 +77,6 @@ article > div { clear: both; }
 .cat-links, .cat-links a { color: var(--text); font-size: clamp(1rem, 1.416vw, 1.0625rem); letter-spacing: .05em; text-transform: uppercase; text-decoration: none; }
 main, article { flex: 1; padding-bottom: 3em; }
 article a { color: var(--link); text-decoration: underline; }
-article li, article dt, article dd { margin: 1rem 0; padding: 0; line-height: 1.5em; }
-article ol, article ul { margin: 2rem, auto, 2rem, auto; padding-left: 2rem; }
 article hr { color: var(--division); }
 .wp-block-table th, .wp-block-table tr, .wp-block-table td { border: 0; text-align: left; }
 .wp-block-table td { font-weight: 300; padding: .5rem 1rem; }
@@ -88,9 +86,9 @@ article p > code { background-color: var(--code-bg); color: var(--code-text); pa
 article blockquote, .wp-block-quote { border-color: var(--primary); color: var(--secondary-text); }
 article blockquote p { margin: 0; }
 blockquote cite, .wp-block-quote > cite { font-size: 1.2em; font-weight: bold; }
-.wp-block-code { border: 0; position: relative; z-index: 0; }
-.wp-block-code code { background: unset; position: relative; white-space: pre-wrap; word-break: break-all; }
-.wp-block-code:before { position: absolute; z-index: -1; right: 1.5rem; top: 1.5rem; content:'<code>'; font-family: "Ubuntu", Tahoma, sans-serif; font-weight: 700; font-size: 3em; color: #EFEFEF; opacity: 0.2; }
+.wp-block-code { position: relative; z-index: 0; }
+.wp-block-code code { position: relative; white-space: pre-wrap; word-break: break-all; }
+.wp-block-code:before { position: absolute; z-index: -1; right: 1.5rem; top: 1.5rem; content:'<code>'; font-family: "Ubuntu", sans-serif; font-weight: 700; font-size: 3em; color: #EFEFEF; opacity: 0.2; }
 .tags-links, .author-bio { margin: 3em auto 0 auto; }
 .tags-links, .author-bio { padding: 3em 0 0; border-top: 1px solid var(--division); }
 .tags-links h5 { margin: 0 0 1rem 0; }
@@ -143,9 +141,9 @@ input[type="checkbox"] ~ label { display: inline; vertical-align: super; }
 /* IMAGES */
 .wp-caption { max-width: 100%; margin: 0 auto 1.5rem auto; }
 article > .wp-block-embed { margin: 1em auto; text-align: center; display: block; padding: 0; }
-article figure { border-radius: 0.5rem; }
-article .alignwide { border-radius: 1rem; }
-article .alignfull { border-radius: 0; }
+article figure > *:is(img, iframe) { border-radius: 0.5rem; }
+article .alignwide > *:is(img, iframe) { border-radius: 1rem; }
+article .alignfull > *:is(img, iframe) { border-radius: 0; }
 article figure figcaption { font-size: .8125rem; margin: 0 2rem; }
 .alignright, .alignleft, .aligncenter { display: block; margin: 0 auto; }
 
@@ -166,8 +164,7 @@ main ul figure > img { width: 100%; height: 100%; object-fit: cover; object-posi
 .sticky + li { border: 0; }
 
 /* PAGINATION */
-.wp-block-query-pagination a { margin-top: 1rem; border-radius: 2rem; padding: .5rem 1rem; background-color: var(--primary); color: var(--primary-text); font-weight: bold; }
-.wp-block-query-pagination a:last-child:not(.wp-block-query-pagination-previous) { margin-left: auto; }
+.wp-block-query-pagination a { border-radius: 2rem; padding: .5rem 1rem; background-color: var(--primary); color: var(--primary-text); font-weight: bold; }
 
 /* RESPONSIVE ADJUSTMENTS */
 @media screen and (max-width: 1200px){
@@ -181,4 +178,3 @@ main ul figure > img { width: 100%; height: 100%; object-fit: cover; object-posi
  footer .line { flex-direction: column; }
  footer .line, footer .line ul { justify-content: center; }
 }
-

templates/single.html

@@ -2,12 +2,16 @@
 
 <!-- wp:group {"tagName":"article"} -->
 <article class="wp-block-group">
- <!-- wp:group {"align":"wide","className":"title","layout":{"inherit":true}} -->
- <div class="wp-block-group title alignwide">
- <!-- wp:post-terms {"term":"category","className":"cat-links alignwide"} /-->
- <!-- wp:post-title {"level":1,"align":"wide"} /-->
- <!-- wp:group {"align":"wide","type":"flex"} -->
- <div class="wp-block-group alignwide post-meta">
+ <!-- wp:group {"className":"title","layout":{"inherit":true}} -->
+ <div class="wp-block-group title">
+ <!-- wp:post-terms {"term":"category","className":"cat-links"} /-->
+ <!-- wp:group -->
+ <div class="wp-block-group">
+ <!-- wp:post-title {"level":1} /-->
+ </div>
+ <!-- /wp:group -->
+ <!-- wp:group {"type":"flex"} -->
+ <div class="wp-block-group post-meta">
  <!-- wp:post-author {"showAvatar":false} /-->
  <!-- wp:post-date /-->
  </div>
@@ -54,7 +58,17 @@ <h5>Tags</h5>
 <section class="wp-block-comments-query-loop comments alignfull">
 
  <!-- wp:group {"layout":{"inherit":true}} -->
- <div class="wp-block-group"><!-- wp:comments-title {"textAlign":"center"} /--><!-- wp:comment-template --><!-- wp:comment-author-name {"isLink":false} /--><!-- wp:comment-date {"isLink":false} /--><!-- wp:comment-content /--><!-- wp:comment-edit-link {"className":"comment-edit"} /--><!-- wp:comment-reply-link {"className":"comment-reply"} /--><!-- /wp:comment-template --><!-- wp:post-comments-form /--></div>
+ <div class="wp-block-group">
+ <!-- wp:comments-title {"textAlign":"center"} /-->
+ <!-- wp:comment-template -->
+ <!-- wp:comment-author-name {"isLink":false} /-->
+ <!-- wp:comment-date {"isLink":false} /-->
+ <!-- wp:comment-content /-->
+ <!-- wp:comment-edit-link {"className":"comment-edit"} /-->
+ <!-- wp:comment-reply-link {"className":"comment-reply"} /-->
+ <!-- /wp:comment-template -->
+ <!-- wp:post-comments-form /-->
+ </div>
  <!-- /wp:group -->
 
 </section>

theme.json

@@ -10,7 +10,7 @@
  "defaultPalette": false
  },
  "layout": {
- "contentSize": "750px",
+ "contentSize": "650px",
  "wideSize": "1200px"
  },
  "typography": {
@@ -43,6 +43,34 @@
  "src": [ "file:./assets/fonts/inter/inter-v2-latin-regular.woff2" ]
  }
  ]
+ },
+ {
+ "fontFamily": "\"Roboto Mono\", monospace",
+ "name": "Roboto Mono",
+ "slug": "roboto-mono",
+ "fontFace": [
+ {
+ "fontFamily": "Roboto Mono",
+ "fontWeight": "600",
+ "fontStyle": "normal",
+ "fontStretch": "normal",
+ "src": [ "file:./assets/fonts/roboto-mono/roboto-mono-semibold.woff2" ]
+ },
+ {
+ "fontFamily": "Roboto Mono",
+ "fontWeight": "700",
+ "fontStyle": "normal",
+ "fontStretch": "normal",
+ "src": [ "file:./assets/fonts/roboto-mono/roboto-mono-bold.woff2" ]
+ },
+ {
+ "fontFamily": "Roboto Mono",
+ "fontWeight": "400",
+ "fontStyle": "normal",
+ "fontStretch": "normal",
+ "src": [ "file:./assets/fonts/roboto-mono/roboto-mono-regular.woff2" ]
+ }
+ ]
  }
  ]
  }
@@ -61,22 +89,21 @@
  "typography": {
  "fontFamily": "var(--wp--preset--font-family--inter)",
  "fontWeight": "700",
- "fontSize": "clamp(2.074rem, 5.612vw, 4.209rem)",
+ "fontSize": "clamp(2.074rem, 5.612vw, 3rem)",
  "letterSpacing": "-0.05em"
  }
  },
  "core/paragraph": {
  "typography": {
  "fontFamily": "var(--wp--preset--font-family--inter)",
  "fontWeight": "400",
- "lineHeight": "1.5em",
+ "lineHeight": "1.6em",
  "fontSize": "clamp(1rem, 1.5vw, 1.125rem)"
  },
  "spacing": {
  "margin": {
- "top": "2em",
  "right": "0",
- "bottom": "2em",
+ "bottom": "1.6em",
  "left": "0"
  }
  }
@@ -95,14 +122,14 @@
  "typography": {
  "fontFamily": "var(--wp--preset--font-family--inter)",
  "fontWeight": "700",
- "lineHeight": "1.1em",
+ "lineHeight": "1.2em",
  "letterSpacing": "-0.05em"
  },
  "spacing": {
  "margin": {
- "top": "2rem",
+ "top": "3.4rem",
  "right": "0",
- "bottom": "2rem",
+ "bottom": "1.7rem",
  "left": "0"
  }
  }
@@ -122,8 +149,10 @@
  },
  "core/code": {
  "typography": {
- "fontSize": "1rem",
- "lineHeight": "1.25em"
+ "fontFamily": "var(--wp--preset--font-family--roboto-mono)",
+ "fontSize": "clamp(.75rem,3vw,.875rem)",
+ "lineHeight": "1.5em",
+ "letterSpacing": "normal"
  },
  "spacing": {
  "margin": {
@@ -141,8 +170,8 @@
  "radius": "0.5em"
  },
  "color": {
- "text": "#EFEFEF",
- "background": "#222222" 
+ "text": "#D3D3D3",
+ "background": "#1E1E1E" 
  }
  },
  "core/quote":{
@@ -235,12 +264,40 @@
  "fontSize": "0.8rem",
  "lineHeight": "1.5em"
  }
+ },
+ "core/list": {
+ "spacing": {
+ "margin": {
+ "bottom": "1.5em"
+ },
+ "padding": {
+ "left": "1em"
+ }
+ }
+ },
+ "core/list-item": {
+ "typography": {
+ "fontSize": "clamp(1rem, 1.5vw, 1.125rem)",
+ "lineHeight": "1.5em"
+ },
+ "spacing": {
+ "margin": {
+ "top": "1rem"
+ }
+ }
+ },
+ "core/query-pagination": {
+ "spacing": {
+ "margin": {
+ "top": "1rem"
+ }
+ }
  }
  },
  "elements": {
  "h1": {
  "typography": {
- "fontSize": "clamp(2.074rem, 5.612vw, 4.209rem)"
+ "fontSize": "clamp(2.074rem, 5.612vw, 3rem)"
  }
  },
  "h2": {