assets/main/sass/components/_icons.scss

   1 ///
   2 /// Massively 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 0.5rem 0 0;
  17                         vertical-align: middle;
  18
  19                         &:last-child {
  20                                 padding-right: 0;
  21                         }
  22
  23                         .icon {
  24                                 &:before {
  25                                         width: 2.25rem;
  26                                         height: 2.25rem;
  27                                         line-height: 2.25rem;
  28                                         display: inline-block;
  29                                         text-align: center;
  30                                         border-radius: 100%;
  31                                         font-size: 1.25rem;
  32                                 }
  33                         }
  34                 }
  35
  36                 &.alt {
  37                         li {
  38                                 .icon {
  39                                         &:before {
  40                                                 @include vendor('transition', (
  41                                                         'color #{_duration(transition)} ease-in-out',
  42                                                         'background-color #{_duration(transition)} ease-in-out',
  43                                                         'border-color #{_duration(transition)} ease-in-out',
  44                                                         'box-shadow #{_duration(transition)} ease-in-out'
  45                                                 ));
  46
  47                                                 font-size: 1rem;
  48                                         }
  49                                 }
  50                         }
  51                 }
  52         }