[Summary view] [Print] [Text view]

   1  /**
   2   * @provides phui-font-icon-base-css
   3   */
   4  
   5  .phui-font-fa {
   6    display: inline-block;
   7    color: {$darkgreytext};
   8    font-style: normal;
   9    font-weight: normal;
  10    line-height: 1;
  11    -webkit-font-smoothing: antialiased;
  12    -moz-osx-font-smoothing: grayscale;
  13  }
  14  
  15  .ph-rotate-90 {
  16    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  17    -webkit-transform: rotate(90deg);
  18    -moz-transform: rotate(90deg);
  19    -ms-transform: rotate(90deg);
  20    -o-transform: rotate(90deg);
  21    transform: rotate(90deg);
  22  }
  23  
  24  .ph-rotate-180 {
  25    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  26    -webkit-transform: rotate(180deg);
  27    -moz-transform: rotate(180deg);
  28    -ms-transform: rotate(180deg);
  29    -o-transform: rotate(180deg);
  30    transform: rotate(180deg);
  31  }
  32  
  33  .ph-rotate-270 {
  34    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  35    -webkit-transform: rotate(270deg);
  36    -moz-transform: rotate(270deg);
  37    -ms-transform: rotate(270deg);
  38    -o-transform: rotate(270deg);
  39    transform: rotate(270deg);
  40  }
  41  
  42  .ph-flip-horizontal {
  43    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  44    -webkit-transform: scale(-1, 1);
  45    -moz-transform: scale(-1, 1);
  46    -ms-transform: scale(-1, 1);
  47    -o-transform: scale(-1, 1);
  48    transform: scale(-1, 1);
  49  }
  50  
  51  .ph-flip-vertical {
  52    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  53    -webkit-transform: scale(1, -1);
  54    -moz-transform: scale(1, -1);
  55    -ms-transform: scale(1, -1);
  56    -o-transform: scale(1, -1);
  57    transform: scale(1, -1);
  58  }
  59  
  60  .ph-spin {
  61    -webkit-animation: spin 2s infinite linear;
  62    -moz-animation: spin 2s infinite linear;
  63    -o-animation: spin 2s infinite linear;
  64    animation: spin 2s infinite linear;
  65  }
  66  @-moz-keyframes spin {
  67    0% {
  68      -moz-transform: rotate(0deg);
  69    }
  70    100% {
  71      -moz-transform: rotate(359deg);
  72    }
  73  }
  74  @-webkit-keyframes spin {
  75    0% {
  76      -webkit-transform: rotate(0deg);
  77    }
  78    100% {
  79      -webkit-transform: rotate(359deg);
  80    }
  81  }
  82  @-o-keyframes spin {
  83    0% {
  84      -o-transform: rotate(0deg);
  85    }
  86    100% {
  87      -o-transform: rotate(359deg);
  88    }
  89  }
  90  @-ms-keyframes spin {
  91    0% {
  92      -ms-transform: rotate(0deg);
  93    }
  94    100% {
  95      -ms-transform: rotate(359deg);
  96    }
  97  }
  98  @keyframes spin {
  99    0% {
 100      transform: rotate(0deg);
 101    }
 102    100% {
 103      transform: rotate(359deg);
 104    }
 105  }
 106  
 107  .phui-icon-view.dark {
 108    color: {$darkgreytext};
 109  }
 110  .phui-icon-view.bluegrey {
 111    color: {$bluetext};
 112  }
 113  .phui-icon-view.white {
 114    color: #fff;
 115  }
 116  .phui-icon-view.red  {
 117    color: {$red};
 118  }
 119  .phui-icon-view.orange {
 120    color: {$orange};
 121  }
 122  .phui-icon-view.yellow {
 123    color: {$yellow};
 124  }
 125  .phui-icon-view.green {
 126    color: {$green}
 127  }
 128  .phui-icon-view.blue {
 129    color: {$blue};
 130  }
 131  .phui-icon-view.sky {
 132    color: {$sky};
 133  }
 134  .phui-icon-view.indigo {
 135    color: {$indigo};
 136  }
 137  .phui-icon-view.pink {
 138    color: {$pink};
 139  }
 140  .phui-icon-view.violet {
 141    color: {$violet};
 142  }
 143  .phui-icon-view.lightbluetext {
 144    color: {$lightbluetext};
 145  }
 146  .phui-icon-view.lightgreytext,
 147  .phui-icon-view.grey {
 148    color: {$lightgreytext};
 149  }
 150  
 151  /* Hovers */
 152  
 153  .device-desktop a.phui-icon-view.lightgreytext:hover,
 154  .device-desktop a.phui-icon-view.grey:hover {
 155    color: {$darkgreytext};
 156  }
 157  
 158  .device-desktop a.phui-icon-view.bluegrey:hover {
 159    color: {$darkbluetext};
 160  }