webapp/src/app/@theme/components/search-input/search-input.component.scss

   1 :host {
   2   display: flex;
   3   align-items: center;
   4
   5   i.control-icon {
   6     &::before {
   7       font-size: 2.3rem;
   8     }
   9
  10     &:hover {
  11       cursor: pointer;
  12     }
  13   }
  14
  15   input {
  16     border: none;
  17     outline: none;
  18     margin-left: 1rem;
  19     width: 15rem;
  20     transition: width 0.2s ease;
  21
  22     &.hidden {
  23       width: 0;
  24       margin: 0;
  25     }
  26   }
  27
  28   /deep/ search-input {
  29     input {
  30       background: transparent;
  31     }
  32   }
  33 }