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                                 a {
  58                                         span.inline-svg {
  59                                                 svg {
  60                                                         width: 3rem;
  61                                                         height: 3rem;
  62                                                 }
  63                                         }
  64                                 }
  65                         }
  66                 }
  67         }
  68
  69         ul.social-sharer {
  70                 cursor: default;
  71                 list-style: none;
  72                 padding-left: 0;
  73
  74                 li {
  75                         display: inline-block;
  76                         padding: 0 1em 0 0;
  77
  78                         &:last-child {
  79                                 padding-right: 0;
  80                         }
  81                         a {
  82                                 border-bottom: none;
  83                                 text-decoration: none;
  84                                 span.inline-svg {
  85                                         svg {
  86                                                 width: 4rem;
  87                                                 height: 4rem;
  88                                         }
  89                                 }
  90                         }
  91                 }
  92
  93                 @include breakpoint('<=small') {
  94                         li {
  95                                 padding: 0 0.75em 0 0;
  96                         }
  97                 }
  98         }
  99
 100         ul.footer-socials,
 101         ul.footer-tools {
 102                 cursor: default;
 103                 list-style: none;
 104                 padding-left: 0;
 105                 text-align: center !important;
 106
 107                 li {
 108                         display: inline-block;
 109                         padding: 0 1em 0 0;
 110
 111                         &:last-child {
 112                                 padding-right: 0;
 113                         }
 114                         a {
 115                                 border-bottom: none;
 116                                 text-decoration: none;
 117                                 span.inline-svg {
 118                                         svg {
 119                                                 width: 2.5rem;
 120                                                 height: 2.5rem;
 121                                         }
 122                                 }
 123                         }
 124                 }
 125
 126                 @include breakpoint('<=small') {
 127                         li {
 128                                 padding: 0 0.75em 0 0;
 129                         }
 130                 }
 131         }
 132
 133         div#backtotop {
 134                 @include position(fixed, null 1rem 1rem null);
 135                 a {
 136                         border-bottom: none;
 137                         span.inline-svg {
 138                                 svg {
 139                                         width: 2rem;
 140                                         height: 2rem;
 141                                 }
 142                         }
 143                 }
 144         }
 145
 146         span.inline-svg {
 147                 &.small {
 148                         svg {
 149                                 height: 1em;
 150                                 width: auto;
 151                         }
 152                 }
 153         }