From c8f5a73edf9d243677d0161f7a5dda1bfa5c16fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Vilcot?= <fredericvilcot@gmail.com>
Date: Tue, 28 Feb 2023 14:46:26 +0100
Subject: [PATCH] feat(style): add lughnasad backgrounds for cards

---
 src/components/card/phase/phaseCard.scss | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/card/phase/phaseCard.scss b/src/components/card/phase/phaseCard.scss
index 6f3aeb7..031d843 100644
--- a/src/components/card/phase/phaseCard.scss
+++ b/src/components/card/phase/phaseCard.scss
@@ -88,6 +88,12 @@
       }
     }
 
+    &.lughnasad {
+      @media screen and (max-width: 580px) {
+        background-image: url('/image/lughnasad-mobile.webp');
+      }
+    }
+
     .okp4-nemeton-web-phase-card-content-container {
       max-width: 1312px;
       width: 100%;
@@ -115,6 +121,18 @@
         }
       }
 
+      &.lughnasad {
+        background-image: url('/image/lughnasad-large.webp');
+        background-position: left;
+        background-size: contain;
+        @media screen and (min-width: 581px) and (max-width: 1920px) {
+          background-image: url('/image/lughnasad-medium.webp');
+        }
+        @media screen and (max-width: 900px) {
+          background-size: cover;
+        }
+      }
+
       &.beltaine {
         background-image: url('/image/beltaine-large.webp');
         background-position: right;
@@ -213,7 +231,8 @@
           align-items: center;
         }
 
-        &.imbolc {
+        &.imbolc,
+        &.lughnasad {
           @media screen and (min-width: 901px) {
             align-items: flex-end;
             padding: 20px 45px 0 0;