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 @font-face {
  15   font-family: '#{$icomoon-font-family}';
  16   src:
  17     url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?20uhbq') format('truetype'),
  18     url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?20uhbq') format('woff'),
  19     url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?20uhbq##{$icomoon-font-family}') format('svg');
  20   font-weight: normal;
  21   font-style: normal;
  22   font-display: block;
  23 }
  24
  25 [class^="icon-"], [class*=" icon-"] {
  26   /* use !important to prevent issues with browser extensions that change fonts */
  27   font-family: '#{$icomoon-font-family}' !important;
  28   speak: never;
  29   font-style: normal;
  30   font-weight: normal;
  31   font-variant: normal;
  32   text-transform: none;
  33   line-height: 1;
  34
  35   /* Better Font Rendering =========== */
  36   -webkit-font-smoothing: antialiased;
  37   -moz-osx-font-smoothing: grayscale;
  38 }
  39
  40 .icon-minus {
  41   &:before {
  42     content: $icon-minus;
  43   }
  44 }
  45 .icon-plus {
  46   &:before {
  47     content: $icon-plus;
  48   }
  49 }
  50 .icon-pin {
  51   &:before {
  52     content: $icon-pin;
  53   }
  54 }
  55 .icon-linkedin {
  56   &:before {
  57     content: $icon-linkedin;
  58   }
  59 }
  60 .icon-arrow-up {
  61   &:before {
  62     content: $icon-arrow-up;
  63   }
  64 }
  65 .icon-arrow-down {
  66   &:before {
  67     content: $icon-arrow-down;
  68   }
  69 }
  70 .icon-arrow-left {
  71   &:before {
  72     content: $icon-arrow-left;
  73   }
  74 }
  75 .icon-arrow-right {
  76   &:before {
  77     content: $icon-arrow-right;
  78   }
  79 }