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                                 border-bottom: none;
  44                                 text-decoration: none;
  45                                 span.inline-svg {
  46                                         svg {
  47                                                 width: 4rem;
  48                                                 height: 4rem;
  49                                         }
  50                                 }
  51                         }
  52                 }
  53
  54                 @include breakpoint('<=small') {
  55                         li {
  56                                 padding: 0 0.75em 0 0;
  57                         }
  58                 }
  59         }
  60
  61         ul.footer-socials {
  62                 cursor: default;
  63                 list-style: none;
  64                 padding-left: 0;
  65
  66                 li.social-link {
  67                         display: inline-block;
  68                         padding: 0 1em 0 0;
  69
  70                         &:last-child {
  71                                 padding-right: 0;
  72                         }
  73                         a {
  74                                 border-bottom: none;
  75                                 text-decoration: none;
  76                                 span.inline-svg {
  77                                         svg {
  78                                                 width: 2.5rem;
  79                                                 height: 2.5rem;
  80                                         }
  81                                 }
  82                         }
  83                 }
  84
  85                 @include breakpoint('<=small') {
  86                         li {
  87                                 padding: 0 0.75em 0 0;
  88                         }
  89                 }
  90         }
  91
  92         div#backtotop {
  93                 @include position(fixed, null 1rem 1rem null);
  94                 a {
  95                         border-bottom: none;
  96                         span.inline-svg {
  97                                 svg {
  98                                         width: 2rem;
  99                                         height: 2rem;
 100                                 }
 101                         }
 102                 }
 103         }