Update _accordion.scss

If the accordion .content div contains a div with the class .content, that div currently gets display:none and so is invisible

Solution: specify the accordion .content div as a child of the dd

diff --git a/scss/foundation/components/_accordion.scss b/scss/foundation/components/_accordion.scss
index cf3979019b35077186459681cabbcd929b616c13..6f8a00e45f5534b8a3d93f12f758d2d0c93e2943 100644 (file)
--- a/scss/foundation/components/_accordion.scss
+++ b/scss/foundation/components/_accordion.scss
@@ -38,13 +38,14 @@ $accordion-content-active-bg-color: #fff !default;
           font-size: $accordion-navigation-font-size;
           &:hover { background: $accordion-navigation-hover-bg-color; }
         }
-      }
-      .content {
-        display: none;
-        padding: $accordion-content-padding;
-        &.active {
-          display: block;
-          background: $accordion-content-active-bg-color;
+        
+        > .content {
+          display: none;
+          padding: $accordion-content-padding;
+          &.active {
+            display: block;
+            background: $accordion-content-active-bg-color;
+          }
         }
       }
     }