static/scss/_icons.scss

   1 // Icons
   2 .icon {
   3         width: 1.5rem;
   4         height: 1.5rem;
   5         fill: currentColor;
   6         vertical-align: -.15rem;
   7         overflow: hidden;
   8         margin-right: .5rem;
   9 }
  10
  11 .i_arrow_down {
  12         margin: 0;
  13         position: absolute;
  14         left: .75rem;
  15         top: -.25rem;
  16         animation: scroll 1.5s ease-in-out infinite;
  17         @include media-breakpoint-down(xs) {
  18                 width: 1.75rem !important;
  19                 height: 1.75rem !important;
  20                 left: .25rem;
  21                 top: -.5rem;
  22         }
  23 }
  24
  25 .i_lg {
  26         width: 2.5rem;
  27         height: 2.5rem;
  28         margin: 0;
  29         transform: translateY(-.35rem);
  30         fill: $red_900;
  31 }
  32
  33 .i_white {
  34         fill: white;
  35 }
  36
  37 .i_sm {
  38         vertical-align: top;
  39         transform: translateY(-.10rem);
  40 }