Styling updates for Task Order index page:

- Removed unused styling from _accordions css.
- Removed references to accordion classes from applications index page
since this will be restyled later.
- Added Accordion macro to the Task Order index page and created
temporary initial
toggle list of All Task Orders.

styles/elements/_accordions.scss

@@ -1,148 +1,14 @@
-.triangle-box {
-  position: relative;
-
-  .triangle-up {
-    $triangle-size: $gap * 1.5;
-
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-left: $triangle-size solid transparent;
-    border-right: $triangle-size solid transparent;
-    border-bottom: $triangle-size solid $color-blue-light;
-    bottom: -4px;
-    right: 50%;
-  }
-}
-
 .accordion {
-  @include block-list;
-
-  box-shadow: 0 4px 10px 0 rgba(193, 193, 193, 0.5);
-  margin-bottom: 6 * $gap;
-
-  .icon-link {
-    margin: (-$gap) 0;
-  }
-
-  .icon-link,
-  .label {
-    &:first-child {
-      margin-left: -$gap;
-    }
-
-    &:last-child {
-      margin-right: -$gap;
-    }
-  }
-
   &__header {
-    @include block-list-header;
+    margin: 0;
+  }
 
-    border-top: 3px solid $color-blue;
-    border-bottom: none;
-    box-shadow: 0 2px 4px 0 rgba(216, 218, 222, 0.58);
+  ul {
+    margin: 0;
+    list-style: none;
 
-    &.row {
-      background: $color-white;
+    li {
+      background-color: $color-white;
     }
   }
-
-  &__title {
-    @include block-list__title;
-
-    color: $color-blue;
-
-    @include h3;
-
-    &.icon-link {
-      margin: 0;
-      display: block;
-      padding: 0 $gap;
-      text-decoration: none;
-    }
-  }
-
-  &__description {
-    @include block-list__description;
-
-    font-style: italic;
-    font-size: $small-font-size;
-    color: $color-gray;
-  }
-
-  &__actions {
-    margin-top: $gap;
-    margin-bottom: $gap * 0.5;
-    display: flex;
-    flex-direction: row;
-
-    .icon-link {
-      font-size: $small-font-size;
-
-      svg {
-        width: 1rem;
-      }
-    }
-
-    &__footer {
-      @include block-list__footer;
-
-      border-top: 0;
-    }
-  }
-
-  &__item {
-    @include block-list-item;
-
-    opacity: 0.75;
-    background-color: $color-blue-light;
-    border-bottom: 1px solid rgba($color-gray-light, 0.5);
-
-    &--selectable {
-      > div {
-        display: flex;
-        flex-direction: row-reverse;
-
-        @include ie-only {
-          width: 100%;
-        }
-
-        > label {
-          @include block-list-selectable-label;
-        }
-      }
-
-      > label {
-        @include block-list-selectable-label;
-      }
-
-      input:checked {
-        + label {
-          color: $color-primary;
-        }
-      }
-
-      @include ie-only {
-        dl {
-          width: 100%;
-          padding-left: $gap * 4;
-        }
-      }
-    }
-  }
-
-  .counter {
-    background-color: $color-cool-blue-light;
-    color: $color-white;
-    border-radius: 2px;
-    padding: ($gap / 2) $gap;
-    margin-left: $gap;
-  }
-
-  .separator {
-    border: 1px solid $color-gray-medium;
-    opacity: 0.75;
-    margin: 0 (0.5 * $gap);
-  }
 }

styles/sections/_task_order.scss

@@ -1,25 +1,3 @@
-.task-order-list {
-  margin-top: 6 * $gap;
-}
-
-.task-order-card {
-  &__buttons .usa-button {
-    min-width: 10rem;
-  }
-
-  &__buttons .usa-button-secondary {
-    min-width: 14rem;
-  }
-
-  .label {
-    font-size: $small-font-size;
-    margin-right: 2 * $gap;
-    min-width: 7rem;
-    display: flex;
-    justify-content: space-around;
-  }
-}
-
 .task-order {
   margin-top: $gap * 4;
   width: 900px;
@@ -207,3 +185,8 @@
     padding-bottom: $gap * 2.5;
   }
 }
+
+.task-order__list {
+  margin-top: $gap;
+  margin-bottom: $gap;
+}