From 33f095016fbbd060fbfaaa6af77dfced3bd5b63d Mon Sep 17 00:00:00 2001
From: Roni Laukkarinen <roni@dude.fi>
Date: Thu, 26 May 2022 12:18:52 +0300
Subject: [PATCH] Add block name tags to single, blog and 404 views

---
 CHANGELOG.md               |  1 +
 air-light-demo-content.php | 22 +++++++++++++++++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 648b9d1..f2ea611 100755
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ### 2.0.3: 2022-05-26
 
 * Fix paddings on demo templates other than home
+* Add block name tags to single, blog and 404 views
 
 ### 2.0.2: 2022-05-26
 
diff --git a/air-light-demo-content.php b/air-light-demo-content.php
index 928a3df..30af631 100755
--- a/air-light-demo-content.php
+++ b/air-light-demo-content.php
@@ -5,7 +5,7 @@
  *
  * Plugin URI: https://github.com/digitoimistodude/air-light-demo-content
  * Description: Provides the demo CSS and Gutenberg block for Air-light starter theme as presented in airwptheme.com/demo.
- * Version: 2.0.2
+ * Version: 2.0.3
  * Author: Digitoimisto Dude Oy
  * Author URI: https://www.dude.fi
  * Requires at least: 5.0
@@ -270,6 +270,10 @@ function demo_css() { ?>
   }
 }
 
+/* Tags */
+.block-error-404::before,
+.block-blog::before,
+.block-single::before,
 .block-name-tag {
   left: 0;
   position: absolute;
@@ -278,6 +282,9 @@ function demo_css() { ?>
   z-index: 22;
 }
 
+.block-error-404::before,
+.block-blog::before,
+.block-single::before,
 .block-name-tag p {
   background-color: var(--color-black);
   border-top-left-radius: 3px;
@@ -288,6 +295,19 @@ function demo_css() { ?>
   margin: 0;
   padding: 5px 8px;
   transform: translateX(1rem);
+  display: inline-block;
+}
+
+.block-single::before {
+  content: 'single';
+}
+
+.block-blog::before {
+  content: 'blog';
+}
+
+.block-error-404::before {
+  content: 'error-404';
 }
 
 /* Blocks */