From ecbe1d57fb1c1ecca9816b16b589c2c80b1eba58 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Mon, 12 Jul 2021 11:23:19 -0300
Subject: [PATCH] CSS improvements to provide compatibility with WP 5.8 #52.

---
 src/assets/scss/_footer.scss            |  1 +
 src/assets/scss/_gutenberg-support.scss |  5 ++++-
 src/assets/scss/_post.scss              | 12 ++++++------
 src/assets/scss/style.scss              |  3 +++
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/assets/scss/_footer.scss b/src/assets/scss/_footer.scss
index d1b7c96..529f321 100644
--- a/src/assets/scss/_footer.scss
+++ b/src/assets/scss/_footer.scss
@@ -118,6 +118,7 @@ footer {
                     white-space: normal;
                     display: flex;
                     color: #454647;
+                    align-items: center;
                     input {
                         margin-right: 0.5rem;
                     }
diff --git a/src/assets/scss/_gutenberg-support.scss b/src/assets/scss/_gutenberg-support.scss
index 123e713..935e466 100644
--- a/src/assets/scss/_gutenberg-support.scss
+++ b/src/assets/scss/_gutenberg-support.scss
@@ -76,7 +76,10 @@
 /* Buttons */
 .wp-block-button {
     margin-bottom: 1rem;
-    .btn { font-size: 0.875rem; }
+    .btn { 
+        font-size: 0.875rem;
+        padding: .25rem 1.125rem;
+    }
 }
 .wp-block-button.is-style-outline .btn {
     background: white !important;
diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss
index 4bc9701..ec44e8b 100644
--- a/src/assets/scss/_post.scss
+++ b/src/assets/scss/_post.scss
@@ -215,22 +215,22 @@
         h4:not(.has-text-color) {
             color:#555758;
         }
-        h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) {
+        h1:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1.125rem;
         }
-        h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size) {
+        h2:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1.125rem;
         }
-        h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h3:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1rem;
         }
-        h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h4:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 1rem;
         }
-        h5:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h5:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 0.875rem;
         }
-        h6:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size)  {
+        h6:not(.has-huge-font-size):not(.has-large-font-size):not(.has-medium-font-size):not(.has-normal-font-size):not(.has-small-font-size):not(.metadata-label) {
             font-size: 0.875rem;
         }
         pre:not(.wp-block-code) {
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index e941326..0e75c46 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -25,6 +25,9 @@ body{
     &.error404 {
         overflow: hidden;
     }
+    p {
+        font-size: revert;
+    }
 }
 
 body.loading-content main {