client/src/app/shared/shared-main/misc/simple-search-input.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .root {
   5   display: flex;
   6 }
   7
   8 my-global-icon {
   9   @include margin-left(10px);
  10
  11   height: 28px;
  12   width: 28px;
  13   cursor: pointer;
  14
  15   &:hover {
  16     color: pvar(--mainHoverColor);
  17   }
  18
  19   &[iconName=search] {
  20     color: pvar(--mainForegroundColor);
  21   }
  22
  23   &[iconName=cross] {
  24     color: pvar(--mainForegroundColor);
  25   }
  26 }
  27
  28 input {
  29   @include peertube-input-text(200px);
  30 }