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

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