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)
<%= key.split("|")[0] %>
- - + +
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 @@

{{ item[0] }}

{{ itemEl.title }}
- {% include icons/symbols/caret-down.svg %} + + +
diff --git a/src/_sass/components/_accordion.scss b/src/_sass/components/_accordion.scss index 653c8f0c60..bba537b688 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; @@ -35,15 +35,16 @@ } &__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 { width: 10px; - color: rgba(color(secondary-dark), 0.5); + color: color(gray-600); position: absolute; top: 50%; right: 0;