assets/sass/components/_icons.scss

   1 ///
   2 /// Forty by HTML5 UP
   3 /// html5up.net | @ajlkn
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
   5 ///
   6
   7 /* Icons */
   8
   9         ul.icons {
  10                 cursor: default;
  11                 list-style: none;
  12                 padding-left: 0;
  13
  14                 li {
  15                         display: inline-block;
  16                         padding: 0 1em 0 0;
  17
  18                         &:last-child {
  19                                 padding-right: 0;
  20                         }
  21                 }
  22
  23                 @include breakpoint('<=small') {
  24                         li {
  25                                 padding: 0 0.75em 0 0;
  26                         }
  27                 }
  28         }
  29
  30         ul.social-sites {
  31                 cursor: default;
  32                 list-style: none;
  33                 padding-left: 0;
  34
  35                 li {
  36                         display: inline-block;
  37                         padding: 0 1em 0 0;
  38
  39                         &:last-child {
  40                                 padding-right: 0;
  41                         }
  42                         a {
  43                                 text-decoration: none;
  44                                 span.inline-svg {
  45                                         svg {
  46                                                 width: 4rem;
  47                                                 height: 4rem;
  48                                         }
  49                                 }
  50                         }
  51                 }
  52
  53                 @include breakpoint('<=small') {
  54                         li {
  55                                 padding: 0 0.75em 0 0;
  56                         }
  57                 }
  58         }