From 8142d6307f61699eba438a657a5f72c10f02fdd6 Mon Sep 17 00:00:00 2001
From: jedrzejchalubek <jedrzej.chalubek@gmail.com>
Date: Mon, 7 Dec 2020 12:23:07 +0100
Subject: [PATCH 1/2] refactor(docs-evergreen): Re-sking FAQ accordions

---
 _plugins/jekyll-faq.rb               | 4 ++--
 src/_includes/components/faq.html    | 4 +++-
 src/_sass/components/_accordion.scss | 8 ++++----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/_plugins/jekyll-faq.rb b/_plugins/jekyll-faq.rb
index 43dc7df0cc..489735753d 100644
--- a/_plugins/jekyll-faq.rb
+++ b/_plugins/jekyll-faq.rb
@@ -14,8 +14,8 @@ def render(context)
       <div class="accordion__heading" data-ref="accordion[trigger]">
         <%= key.split("|")[0] %>
         <div class="accordion__icon">
-          <svg width="10" height="6" xmlns="http://www.w3.org/2000/svg">
-            <path d="M1.36.27l-.72.7L5 5.39 9.36.97l-.72-.7L5 3.97z" fill-rule="nonzero"/>
+          <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.87 4.17s.01 0 0 0l-3.5-4A.498.498 0 004 0c-.15 0-.28.07-.37.17l-3.5 4A.495.495 0 00.5 5h7a.495.495 0 00.37-.83z" fill="#8F95B2"/>
           </svg>
         </div>
       </div>
diff --git a/src/_includes/components/faq.html b/src/_includes/components/faq.html
index d2d818a442..2c015afa88 100644
--- a/src/_includes/components/faq.html
+++ b/src/_includes/components/faq.html
@@ -11,7 +11,9 @@ <h3>{{ item[0] }}</h3>
         <div class="accordion__heading" data-ref="accordion[trigger]">
           {{ itemEl.title }}
           <div class="accordion__icon">
-            {% include icons/symbols/caret-down.svg %}
+            <svg width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd" clip-rule="evenodd" d="M7.87 4.17s.01 0 0 0l-3.5-4A.498.498 0 004 0c-.15 0-.28.07-.37.17l-3.5 4A.495.495 0 00.5 5h7a.495.495 0 00.37-.83z" fill="#8F95B2"/>
+            </svg>
           </div>
         </div>
         <div class="accordion__body" data-ref="accordion[body]">
diff --git a/src/_sass/components/_accordion.scss b/src/_sass/components/_accordion.scss
index 653c8f0c60..2d82e71ffa 100644
--- a/src/_sass/components/_accordion.scss
+++ b/src/_sass/components/_accordion.scss
@@ -5,16 +5,16 @@
     margin-top: 25px;
 
     & + & {
-      border-top: 1px solid rgba(color(secondary), 0.16);
+      border-top: 1px solid color(gray-300);
       margin-top: 0;
     }
   }
 
   &__heading {
     padding-right: 20px;
-    font-size: 15px;
+    font-size: 16px;
     font-weight: 500;
-    color: color(secondary);
+    color: color(gray-800);
     line-height: 1.71;
     position: relative;
     margin: 17px 0;
@@ -43,7 +43,7 @@
 
   &__icon {
     width: 10px;
-    color: rgba(color(secondary-dark), 0.5);
+    color: color(gray-600);
     position: absolute;
     top: 50%;
     right: 0;

From 28fe1c80b8e64cceb32dc17ad83549e0d57073d9 Mon Sep 17 00:00:00 2001
From: Klaudia <klaudiazawodnik@gmail.com>
Date: Mon, 7 Dec 2020 14:27:13 +0100
Subject: [PATCH 2/2] Update _accordion.scss

---
 src/_sass/components/_accordion.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/_sass/components/_accordion.scss b/src/_sass/components/_accordion.scss
index 2d82e71ffa..bba537b688 100644
--- a/src/_sass/components/_accordion.scss
+++ b/src/_sass/components/_accordion.scss
@@ -35,10 +35,11 @@
   }
 
   &__link {
-    text-decoration: underline;
-    font-weight: 500;
-    display: block;
+    display: inline-block;
     margin-top: 7px;
+    font-size: 14px;
+    font-weight: 500;
+    text-decoration: underline;
   }
 
   &__icon {