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

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