.gitignore

@@ -2,6 +2,5 @@
 bower_components
 node_modules
 npm-debug.log
-_
 index*
-index*.html
+index.html

asset/scss/modules/_content.scss

@@ -240,120 +240,58 @@ main {
     flex-direction: column;
     align-items: center;
   }
-
-  // accordion for colletions list
   .accordion-item {
-    &.title {
+    &:not(.title).is-active {
-      .accordion-title {
-        @include breakpoint(small){
-          li {
-            @include xy-cell(3);
-            @include xy-cell-offset(0);
-            &.title,&.curator,&.collection-name,&.date {
-              &::before {content: none;}
-            }
-            &.date {
-              margin-left: auto;
-            }
-            .ascToggle{
-              position:absolute;
-              padding-left: 0.21rem;
-            }
-          }
-        }
-        @include breakpoint(medium){
-          li {
-            &.title {
-              @include xy-cell(4);
-            }
-            &.curator {
-              @include xy-cell(4);
-            }
-            &.collection-name {
-              @include xy-cell(2);
-            }
-            &.date {
-              @include xy-cell(shrink);
-              margin-left: auto; //aligns to right
-            }
-          }
-        }
-      }
-    }
-    &:not(.title){
-      &.is-active {
       background-color:$input-background;
     }
-      .accordion-title {
-        @include breakpoint(small){
-          li {
-            &.title,
-            &.curator,
-            &.collection-name,
-            &.date {
-              @include xy-cell(10);
-              @include xy-cell-offset(2);
-              min-height: 1rem;
-              &::before {
-                display: inline-block;
-                color: $medium-gray;
-                position: absolute;
-                left:0;
-              }
-            }
-            &.title::before {content:"Title";}
-            &.curator::before  {content:"Artist";}
-            &.collection-name::before  {content:"Collection";}
-            &.date::before  {content:"Date";}
-          }
-        }
-        @include breakpoint(medium){
-          li {
-            &.title,
-            &.curator,
-            &.collection-name,
-            &.date {
-              min-height:unset;
-              &::before {
-                content: none;
-                // content:"";
-              }
-            }
-            &.title {
-              @include xy-cell(4);
-            }
-            &.curator {
-              @include xy-cell(4);
-            }
-            &.collection-name {
-              @include xy-cell(2);
-            }
-            &.date {
-              @include xy-cell(shrink);
-              margin-left: auto; //aligns to right
-            }
-          }
-        }
-      }
    }
   .accordion-title {
     ul,ol{
-        margin: 0;
+    }
+    @include breakpoint(small){
+      li {
+        &.title, 
+        &.curator,
+        &.collection-name,
+        &.date {
+          @include xy-cell(auto);
+        }
+      }
+    }
+    @include breakpoint(medium){
+      li {
+        &.title {
+          @include xy-cell(4);
+        }
+        &.curator {
+          @include xy-cell(4);
+        }
+        &.collection-name {
+          @include xy-cell(2);
+        }
+        &.date {
+          @include xy-cell(shrink);
+          margin-left: auto; //aligns to right
+        }
+      }
     }
   }
   .accordion-content {
     padding-top: 0;
     section {
       @include xy-grid;
+      padding-top: 0;
+      padding-bottom: 0;
       @include breakpoint(small){
-        padding: 0;
         figure {
           @include xy-cell(12);
+          margin-left:0;
+          margin-right:0;
         }
         p {
           @include xy-cell(12);
           position: relative;
-            padding-top: $global-padding * 1;
+          padding: $global-padding;
           padding-bottom: $global-padding * 3;
           .button {
             position:absolute;
@@ -365,11 +303,10 @@ main {
       @include breakpoint(medium){
         figure {
           @include xy-cell(4);
-            @include xy-gutters;
+          margin-left: 0;
         }
         p {
           @include xy-cell(8);
-            padding-top: 0;
         }
       }
       @include breakpoint(large){
@@ -377,7 +314,6 @@ main {
     }
   }
 }
-}
 // end collections category
 
 // partners