From ffa1533a191bf09ea5934e8821de7d26275f8521 Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Mon, 12 Apr 2021 11:50:37 +0200
Subject: added recent posts to home page

---
 styles/card.css   | 28 ++++++++++++++++++++++++++++
 styles/layout.css |  6 ++++++
 2 files changed, 34 insertions(+)
 create mode 100644 styles/card.css

(limited to 'styles')

diff --git a/styles/card.css b/styles/card.css
new file mode 100644
index 0000000..1510492
--- /dev/null
+++ b/styles/card.css
@@ -0,0 +1,28 @@
+.postCard {
+	background-color: var(--oxford-blue);
+	padding: 12px;
+	border-radius: 8px;
+
+	overflow-x: hidden;
+	color: var(--fg) !important;
+}
+
+.postCard::after {
+	display: none;
+}
+
+.postCard .cover {
+	width: 100%;
+	border-radius: 6px;
+	max-height: 220px;
+	object-fit: cover;
+}
+
+.postCard .title {
+	font-size: 24px;
+}
+
+.postCard .subtitle {
+	font-weight: 500;
+}
+
diff --git a/styles/layout.css b/styles/layout.css
index 188f17a..6715681 100644
--- a/styles/layout.css
+++ b/styles/layout.css
@@ -58,3 +58,9 @@
 	overflow-x: scroll;
 }
 
+.recentPosts {
+	display: grid;
+	grid-gap: 12px;
+	grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );
+}
+
-- 
cgit v1.2.3