big commit with letters removal

app/assets/stylesheets/components/letter.scss

@@ -1,100 +0,0 @@
-$iso-paper-ratio: 141.42135624%;
-
-@keyframes ellipsis {
-  to {
-    width: 1.25em;
-  }
-}
-
-.letter {
-
-  padding: $iso-paper-ratio 0 0 0;
-  margin: 0 0 govuk-spacing(6) 0;
-  position: relative;
-  background: $panel-colour;
-
-  &:before {
-    position: absolute;
-    top: 10%;
-    left: 50%;
-    margin-left: -0.5em;
-    font-size: 96px;
-    color: $white;
-    overflow: hidden;
-    display: block;
-    vertical-align: bottom;
-    animation: ellipsis steps(4,end) 1.3s infinite;
-    content: "\2026"; // ellipsis
-    width: 0px;
-  }
-
-  &:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    box-shadow: inset 0 0 0 1px $border-colour;
-  }
-
-  &-postage {
-
-    $art-width: 97.83;
-    $art-height: 82.27;
-    $fold-height: 124px;
-    $envelope-colour: #C4B186;
-
-    position: absolute;
-    top: 0;
-    right: 0;
-    z-index: 10;
-    width: $fold-height * ($art-width / $art-height);
-    height: $fold-height;
-    margin: 0;
-    background-color: mix($envelope-colour, $grey-1);
-    background-size: auto $fold-height;
-    background-position: right 0;
-    background-repeat: no-repeat;
-    background-origin: border-box;
-    text-indent: -1000em;
-    border-bottom: 1px solid $border-colour;
-    border-left: 1px solid $border-colour;
-    box-shadow: 0 2px 0 0 rgba($border-colour, 0.2);
-
-    &-first {
-      background-image: file-url('envelope-1st-class.svg');
-    }
-
-    &-second {
-      background-image: file-url('envelope-2nd-class.svg');
-    }
-
-    &-international {
-      background-image: file-url('envelope-international.svg');
-    }
-
-    .letter-sent &:hover {
-      background-color: transparent;
-      border-color: transparent;
-      box-shadow: none;
-      background-image: file-url('envelope-fold.svg');
-    }
-
-  }
-
-  img {
-    display: block;
-    width: 100%;
-    background: $white;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-}
-
-.letter-recipient-summary {
-  line-height: 28px;
-  margin-bottom: 0;
-}

app/assets/stylesheets/main.scss

@@ -60,7 +60,6 @@ $path: '/static/images/';
 @import 'components/research-mode';
 @import 'components/tick-cross';
 @import 'components/list-entry';
-@import 'components/letter';
 @import 'components/live-search';
 @import 'components/stick-at-top-when-scrolling';
 @import 'components/fullscreen-table';

app/assets/stylesheets/views/template.scss

@@ -26,36 +26,6 @@
 
 }
 
-.edit-template-link-letter-contact {
-  @extend %edit-template-link;
-  right: -25px;
-  top: 232px; // align to bottom of contact block
-}
-
-.edit-template-link-letter-address {
-  @extend %edit-template-link;
-  top: 14.65%; // align bottom edge to bottom of address
-  left: -5px;
-}
-
-.edit-template-link-letter-body {
-  @extend %edit-template-link;
-  top: 400px; // aligns to top of subject
-  left: -5px;
-}
-
-.edit-template-link-letter-postage {
-  @extend %edit-template-link;
-  top: 51px; // aligns bottom edge to bottom of postmark
-  right: 145px; // Aligns right edge to midpoint of postmark and fold
-}
-
-.edit-template-link-letter-branding {
-  @extend %edit-template-link;
-  top: 51px; // aligns with ‘change postage’ link
-  left: 66px; // Aligns to left of logo area
-}
-
 .template-content-count {
   @include core-19($tabular-numbers: true);
   color: $secondary-text-colour;