feat(style): add lughnasad backgrounds for cards

furysport · Feb 28, 2023 · c8f5a73 · c8f5a73
1 parent 3cd19d5
commit c8f5a73
Showing 1 changed file with 20 additions and 1 deletion.
diff --git 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;