From 05cb9c4cef4588c1bebb9ecb9fa40c430f794db8 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 23 Feb 2021 14:17:30 +0300
Subject: [PATCH] PageGrid.Date uses css modules

---
 src/components/PageGrid/Date.tsx        | 10 +++-------
 src/components/PageGrid/date.module.css |  4 ++++
 2 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 src/components/PageGrid/date.module.css

diff --git a/src/components/PageGrid/Date.tsx b/src/components/PageGrid/Date.tsx
index 507227c2..6538f88c 100644
--- a/src/components/PageGrid/Date.tsx
+++ b/src/components/PageGrid/Date.tsx
@@ -1,3 +1,5 @@
+import s from './date.module.css'
+
 import { dateFormat } from 'src/lib/date'
 
 export type DateProps = {
@@ -5,13 +7,7 @@ export type DateProps = {
     children: string | Date
 }
 export const Date: React.FC<DateProps> = props => (
-    <p style={props.style}>
-        <style jsx>{`
-            p {
-                color: var(--color-text);
-                font-size: var(--font-size-second);
-            }
-        `}</style>
+    <p className={s.date} style={props.style}>
         {dateFormat(props.children)}
     </p>
 )
diff --git a/src/components/PageGrid/date.module.css b/src/components/PageGrid/date.module.css
new file mode 100644
index 00000000..24d14a5c
--- /dev/null
+++ b/src/components/PageGrid/date.module.css
@@ -0,0 +1,4 @@
+.date {
+  color: var(--color-text);
+  font-size: var(--font-size-second);
+}