src/wolnelektury/static/2021/css/base/_icons.scss

   1 /* ------------------------------
   2     Base: Icons
   3 ------------------------------ */
   4
   5 $icon-minus: "\e900";
   6 $icon-plus: "\e901";
   7 $icon-pin: "\e902";
   8 $icon-linkedin: "\e903";
   9 $icon-arrow-up: "\e904";
  10 $icon-arrow-down: "\e905";
  11 $icon-arrow-left: "\e906";
  12 $icon-arrow-right: "\e907";
  13
  14
  15 [class^="icon-"], [class*=" icon-"] {
  16   /* use !important to prevent issues with browser extensions that change fonts */
  17   font-family: '#{$icomoon-font-family}' !important;
  18   speak: never;
  19   font-style: normal;
  20   font-weight: normal;
  21   font-variant: normal;
  22   text-transform: none;
  23   line-height: 1;
  24
  25   /* Better Font Rendering =========== */
  26   -webkit-font-smoothing: antialiased;
  27   -moz-osx-font-smoothing: grayscale;
  28 }
  29
  30 .icon-minus {
  31   &:before {
  32     content: $icon-minus;
  33   }
  34 }
  35 .icon-plus {
  36   &:before {
  37     content: $icon-plus;
  38   }
  39 }
  40 .icon-pin {
  41   &:before {
  42     content: $icon-pin;
  43   }
  44 }
  45 .icon-linkedin {
  46   &:before {
  47     content: $icon-linkedin;
  48   }
  49 }
  50 .icon-arrow-up {
  51   &:before {
  52     content: $icon-arrow-up;
  53   }
  54 }
  55 .icon-arrow-down {
  56   &:before {
  57     content: $icon-arrow-down;
  58   }
  59 }
  60 .icon-arrow-left {
  61   &:before {
  62     content: $icon-arrow-left;
  63   }
  64 }
  65 .icon-arrow-right {
  66   &:before {
  67     content: $icon-arrow-right;
  68   }
  69 }