From da64e99ca2c5cecd534fc9b83007fb4788e01c2b Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Tue, 12 Nov 2019 03:37:20 +0300
Subject: [PATCH 1/2] fix(v2): use tag time for showing post item date

---
 .../docusaurus-theme-classic/src/theme/BlogPostItem/index.js  | 4 ++--
 .../src/theme/BlogPostItem/styles.module.css                  | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
index 80c0dba90ca3..cf2bbec829d3 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
@@ -48,9 +48,9 @@ function BlogPostItem(props) {
           <Link to={permalink}>{title}</Link>
         </h1>
         <div className="margin-bottom--sm">
-          <small>
+          <time dateTime={date} className={styles.blogPostDate}>
             {month} {day}, {year}
-          </small>
+          </time>
         </div>
         <div className="avatar margin-bottom--md">
           {authorImageURL && (
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
index bda763c7ada6..8f2fd06a82b1 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
@@ -8,3 +8,7 @@
 .blogPostTitle {
   font-size: 3rem;
 }
+
+.blogPostDate {
+  font-size: smaller;
+}

From a8f18017a04a40e822fb265d3b5e14908dd2d4e7 Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Tue, 12 Nov 2019 11:47:43 +0300
Subject: [PATCH 2/2] refactor: use rem for font-size

---
 .../src/theme/BlogPostItem/styles.module.css                    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
index 8f2fd06a82b1..69c517fda7f0 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css
@@ -10,5 +10,5 @@
 }
 
 .blogPostDate {
-  font-size: smaller;
+  font-size: 0.9rem;
 }