utils/test/reporting/assets/sass/components/_icon.scss

   1 ///\r
   2 /// Phantom by HTML5 UP\r
   3 /// html5up.net | @ajlkn\r
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
   5 ///\r
   6 \r
   7 /* Icon */\r
   8 \r
   9         .icon {\r
  10                 @include icon;\r
  11                 border-bottom: none;\r
  12                 position: relative;\r
  13 \r
  14                 > .label {\r
  15                         display: none;\r
  16                 }\r
  17 \r
  18                 &.style1 {\r
  19                 }\r
  20 \r
  21                 &.style2 {\r
  22                         @include vendor('transition', (\r
  23                                 'background-color #{_duration(transition)} ease-in-out',\r
  24                                 'color #{_duration(transition)} ease-in-out',\r
  25                                 'border-color #{_duration(transition)} ease-in-out'\r
  26                         ));\r
  27                         background-color: transparent;\r
  28                         border: solid 1px _palette(border);\r
  29                         border-radius: _size(border-radius);\r
  30                         width: 2.65em;\r
  31                         height: 2.65em;\r
  32                         display: inline-block;\r
  33                         text-align: center;\r
  34                         line-height: 2.65em;\r
  35                         color: inherit;\r
  36 \r
  37                         &:before {\r
  38                                 font-size: 1.1em;\r
  39                         }\r
  40 \r
  41                         &:hover {\r
  42                                 color: _palette(accent1);\r
  43                                 border-color: _palette(accent1);\r
  44                         }\r
  45 \r
  46                         &:active {\r
  47                                 background-color: transparentize(_palette(accent1), 0.9);\r
  48                         }\r
  49                 }\r
  50         }