client/src/app/header/suggestion.component.scss

   1 @use '_mixins';
   2
   3 a {
   4   @include disable-default-a-behaviour;
   5
   6   width: 100%;
   7
   8   &,
   9   &:hover {
  10     color: pvar(--mainForegroundColor);
  11
  12     &.focus-visible {
  13       background-color: pvar(--mainHoverColor);
  14       color: pvar(--mainBackgroundColor);
  15     }
  16   }
  17 }
  18
  19 .bg-gray {
  20   background-color: pvar(--mainBackgroundColor);
  21 }
  22
  23 .text-gray-light {
  24   color: pvar(--mainForegroundColor);
  25 }
  26
  27 my-global-icon {
  28   @include apply-svg-color(pvar(--mainForegroundColor));
  29
  30   width: 17px;
  31   position: relative;
  32   top: -2px;
  33   margin: 5px;
  34 }