app/Resources/static/themes/material/css/icons.scss

   1 /* ==========================================================================
   2  * Icons
   3  * ========================================================================== */
   4
   5 /**
   6  *
   7  * Material icons
   8  *
   9  */
  10 .material-icons {
  11   font-family: 'Material Icons';
  12   font-weight: normal;
  13   font-style: normal;
  14   font-size: 24px; /* Preferred icon size */
  15   width: 1em;
  16   height: 1em;
  17   display: inline-block;
  18   line-height: 1;
  19   text-transform: none;
  20   letter-spacing: normal;
  21   word-wrap: normal;
  22   white-space: nowrap;
  23   direction: ltr;
  24
  25   /* Support for all WebKit browsers. */
  26   -webkit-font-smoothing: antialiased;
  27
  28   /* Support for Safari and Chrome. */
  29   text-rendering: optimizeLegibility;
  30
  31   /* Support for Firefox. */
  32   -moz-osx-font-smoothing: grayscale;
  33
  34   /* Support for IE. */
  35   font-feature-settings: 'liga';
  36
  37   .md-18 {
  38     font-size: 18px;
  39   }
  40
  41   .md-24 {
  42     font-size: 24px;
  43   }
  44
  45   .md-36 {
  46     font-size: 36px;
  47   }
  48
  49   .md-48 {
  50     font-size: 48px;
  51   }
  52
  53   .md-dark {
  54     color: rgba(0, 0, 0, 0.54);
  55
  56     .md-inactive {
  57       color: rgba(0, 0, 0, 0.26);
  58     }
  59   }
  60
  61   .md-light {
  62     color: rgba(255, 255, 255, 1);
  63
  64     .md-inactive {
  65       color: rgba(255, 255, 255, 0.3);
  66     }
  67   }
  68 }
  69
  70 /**
  71  *
  72  * Icomoon icons
  73  *
  74  */
  75 [class^="icon-"]::before,
  76 [class*=" icon-"]::before {
  77   font-family: icomoon;
  78   speak: none;
  79   font-style: normal;
  80   font-weight: normal;
  81   font-variant: normal;
  82   text-transform: none;
  83   line-height: 1;
  84   background-size: 24px;
  85
  86   /* Enable Ligatures ================ */
  87   letter-spacing: 0;
  88   font-feature-settings: "liga";
  89 }
  90
  91 .icon-eye::before {
  92   content: "\e9ce";
  93 }
  94
  95 .icon-no-eye::before {
  96   content: "\e9d1";
  97 }
  98
  99 .icon-calendar::before {
 100   content: "\e953";
 101 }
 102
 103 .icon-mail::before {
 104   content: "\ea86";
 105 }
 106
 107 .icon-time::before {
 108   content: "\e952";
 109 }
 110
 111 a.icon-image {
 112   background-repeat: no-repeat;
 113   padding-right: 0.4em !important;
 114   padding-left: 1em !important;
 115   margin-left: 25px;
 116
 117   &::before {
 118     content: "";
 119     display: block;
 120     width: 24px;
 121     height: 24px;
 122     float: left;
 123     margin: 0 6px 0 0;
 124   }
 125
 126   &.carrot::before {
 127     background: url("../../_global/img/icons/carrot-icon--black.png") no-repeat center/90%;
 128   }
 129
 130   &.diaspora::before {
 131     background: url("../../_global/img/icons/diaspora-icon--black.png") no-repeat center/80%;
 132   }
 133
 134   &.unmark::before {
 135     background: url("../../_global/img/icons/unmark-icon--black.png") no-repeat center/80%;
 136   }
 137
 138   &.shaarli::before {
 139     background: url("../../_global/img/icons/shaarli.png") no-repeat center/80%;
 140   }
 141 }
 142
 143 .icon-google-plus2::before {
 144   content: "\ea89";
 145 }
 146
 147 .icon-facebook2::before {
 148   content: "\ea8d";
 149 }
 150
 151 .icon-twitter::before {
 152   content: "\ea96";
 153 }
 154
 155 .icon-apple::before {
 156   content: "\eabf";
 157 }
 158
 159 .icon-android::before {
 160   content: "\eac1";
 161 }
 162
 163 .icon-chrome::before {
 164   content: "\eae5";
 165 }
 166
 167 .icon-firefox::before {
 168   content: "\eae6";
 169 }
 170
 171 .icon-link::before {
 172   content: "\e9cb";
 173 }
 174
 175 footer [class^="icon-"],
 176 footer [class*=" icon-"] {
 177   font-size: 2em;
 178   transition: text-shadow 0.2s ease;
 179   padding-right: 10px;
 180 }
 181
 182 footer [class^="icon-"]:hover,
 183 footer [class*=" icon-"]:hover {
 184   text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 185 }