From 31b36509a008b7cd5c2108de393459dbf453b07d Mon Sep 17 00:00:00 2001
From: Adrien Beaudouin <adrien.beaudouin@outlook.com>
Date: Mon, 27 Dec 2021 17:20:01 +0100
Subject: [PATCH] fix css theme conflict

---
 assets/css/custom.css | 6 ++++++
 tailwind.config.js    | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 551b888..59ee5f8 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -189,6 +189,12 @@
   background-color: var(--color-primary-700) !important
 }
 
+@media (min-width: 640px) {
+  .sm\:flex-row {
+    flex-direction: row
+  }
+}
+
 @media (min-width: 768px) {
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr))
diff --git a/tailwind.config.js b/tailwind.config.js
index f3887f0..0d5dc25 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,6 +7,9 @@ module.exports = {
     "./layouts/**/*.html",
     "./content/**/*.{html,md}",
   ],
+  safelist: [
+    'sm:flex-row',
+  ],
   darkMode: "class",
   theme: {
     colors: {