From fae1a0819bb60b0ad896ad7177f19c23ca24a753 Mon Sep 17 00:00:00 2001
From: melanieb <melanie.boudard@gmail.com>
Date: Tue, 22 Sep 2020 10:47:17 +0200
Subject: [PATCH] Modify grey + do not show <img> balise when there is no image
 for background

---
 components/slices/Article.vue  | 6 +++---
 components/slices/Features.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/slices/Article.vue b/components/slices/Article.vue
index 4260bd90e..b59ad6209 100644
--- a/components/slices/Article.vue
+++ b/components/slices/Article.vue
@@ -44,7 +44,7 @@
         </div>
       </div>
       <prismic-image
-        v-if="containsTextAndImage"
+        v-if="containsTextAndImage && content.article_background.url"
         :field="content.article_background"
         class="article__secondary-content article-secondary-content__background"
       />
@@ -245,14 +245,14 @@ export default {
 .article-content {
   &__description {
     margin: 16px 0 24px 0;
-    color: $grey-10;
+    color: $grey-6;
 
     ul {
       list-style: none;
       padding: 0;
 
       li:before {
-        color: $grey-10;
+        color: $grey-6;
       }
     }
 
diff --git a/components/slices/Features.vue b/components/slices/Features.vue
index aed225bf4..f59906d53 100644
--- a/components/slices/Features.vue
+++ b/components/slices/Features.vue
@@ -162,7 +162,7 @@ export default {
 
     &__description {
       width: 217px;
-      color: $grey-9;
+      color: $grey-6;
       font-size: 0.875rem;
       letter-spacing: 0.15px;
       line-height: 24px;