Create new Sass component: pseudo-input

UI/WebServerResources/scss/views/MailerUI.scss

@@ -45,71 +45,6 @@
   white-space: normal;
 }
 
-// Component: Pseudo-input
-// This component mimics the presentation of form fields according to Google's
-// Material Design specs (www.google.com/design/spec/components/text-fields.html)
-// It's used in message headers but could --and should-- be reused
-// The Pseudo-input-container element serves as a... container for it's two children:
-// -label and -input-field
-//
-// Typical use:
-// <div class="Pseudo-input-container">
-//   <label class="Pseudo-input-label">Some text</label>
-//   <p class="Pseudo-input-field">Other input-like text</p>
-// </div>
-//
-// ----------------------------------------------------------------------------
-
-.Pseudo-input-container {
-  display: block; // Should be (reset to ?) a plain block element
-  padding: 0 2px;
-
-}
-.Pseudo-input-label {
-  display: inline-block;
-  margin-top: $mg;
-  font-size: sg-size(caption);
-  line-height: $sg-line-height-1; // 16px;
-  font-weight: $sg-font-regular;
-  color: $colorGrayLight;
-}
-.Pseudo-input-field {
-  display: block;
-  padding: $line 0 0 0;
-  margin-bottom: $line;
-  font-size: sg-size(subhead);
-  line-height: 1;
-}
-.Pseudo-input-field--underline {
-  @extend .Pseudo-input-field;
-  border-bottom: 1px solid $colorGrayLighter;
-  &:focus,
-  &:active,
-  &:hover {
-    margin-bottom: ($line - 1);
-    border-bottom: 2px solid sg-color($sogoBlue, 500);
-  }
-}
-// The specs dimensions are too large to fit with angular-material
-// Here's a modifier
-.Pseudo-input-container--compact {
-  .Pseudo-input-label {
-    margin-top: 0;
-  }
-}
-
-input/deep/#inner-editor {
-  color: $colorGrayLight;
-  line-height: inherit;
-}
-:root/deep/#placeholder,
-:root/deep/[pseudo="-webkit-input-placeholder"] {
-  color: $colorGrayLight;
-  height: $mg;
-  font: inherit;
-  line-height: inherit;
-  padding: 0;
-}
 .mailer_mailcontent {
   @extend .sg-md-body-multi;
 }