app/Resources/static/themes/baggy/css/pictos.scss

   1 /* ==========================================================================
   2    Pictos
   3    ========================================================================== */
   4
   5 @font-face {
   6   font-family: icomoon;
   7   src: url('~icomoon-free-npm/Font/IcoMoon-Free.ttf');
   8   font-weight: normal;
   9   font-style: normal;
  10 }
  11
  12 .material-icons {
  13   font-family: 'Material Icons';
  14   font-weight: normal;
  15   font-style: normal;
  16   font-size: 1em;  /* Preferred icon size */
  17   width: 1em;
  18   height: 1em;
  19   display: inline-block;
  20   line-height: 1;
  21   text-transform: none;
  22   letter-spacing: normal;
  23   word-wrap: normal;
  24   white-space: nowrap;
  25   direction: ltr;
  26
  27   /* Support for all WebKit browsers. */
  28   -webkit-font-smoothing: antialiased;
  29
  30   /* Support for Safari and Chrome. */
  31   text-rendering: optimizeLegibility;
  32
  33   /* Support for Firefox. */
  34   -moz-osx-font-smoothing: grayscale;
  35
  36   /* Support for IE. */
  37   font-feature-settings: 'liga';
  38
  39   .md-18 { font-size: 18px; }
  40   .md-24 { font-size: 24px; }
  41   .md-36 { font-size: 36px; }
  42   .md-48 { font-size: 48px; }
  43
  44   .vertical-align-middle {
  45     vertical-align: middle !important;
  46   }
  47 }
  48
  49 .icon span,
  50 .icon-image span {
  51   position: absolute;
  52   top: -9999px;
  53 }
  54
  55 [class^="icon-"]::before,
  56 [class*=" icon-"]::before {
  57   font-family: icomoon;
  58   speak: none;
  59   font-style: normal;
  60   font-weight: normal;
  61   font-variant: normal;
  62   text-transform: none;
  63   line-height: 1;
  64
  65   /* Enable Ligatures ================ */
  66   letter-spacing: 0;
  67   -webkit-font-feature-settings: "liga";
  68   -moz-font-feature-settings: "liga=1";
  69   -moz-font-feature-settings: "liga";
  70   -ms-font-feature-settings: "liga" 1;
  71   -o-font-feature-settings: "liga";
  72   font-feature-settings: "liga";
  73
  74   /* Better Font Rendering =========== */
  75   -webkit-font-smoothing: antialiased;
  76   -moz-osx-font-smoothing: grayscale;
  77 }
  78
  79 .icon-flattr::before {
  80   content: "\ead4";
  81 }
  82
  83 .icon-mail::before {
  84   content: "\ea86";
  85 }
  86
  87 .icon-up-open::before {
  88   content: "\e80b";
  89 }
  90
  91 .icon-star::before {
  92   content: "\e9d9";
  93 }
  94
  95 .icon-check::before {
  96   content: "\ea10";
  97 }
  98
  99 .icon-link::before {
 100   content: "\e9cb";
 101 }
 102
 103 .icon-reply::before {
 104   content: "\e806";
 105 }
 106
 107 .icon-menu::before {
 108   content: "\e9bd";
 109 }
 110
 111 .icon-clock::before {
 112   content: "\e803";
 113 }
 114
 115 .icon-twitter::before {
 116   content: "\ea96";
 117 }
 118
 119 .icon-down-open::before {
 120   content: "\e809";
 121 }
 122
 123 .icon-trash::before {
 124   content: "\e9ac";
 125 }
 126
 127 .icon-delete::before {
 128   content: "\ea0d";
 129 }
 130
 131 .icon-power::before {
 132   content: "\ea14";
 133 }
 134
 135 .icon-arrow-up-thick::before {
 136   content: "\ea3a";
 137 }
 138
 139 .icon-rss::before {
 140   content: "\e808";
 141 }
 142
 143 .icon-print::before {
 144   content: "\e954";
 145 }
 146
 147 .icon-reload::before {
 148   content: "\ea2e";
 149 }
 150
 151 .icon-price-tags::before {
 152   content: "\e936";
 153 }
 154
 155 .icon-eye::before {
 156   content: "\e9ce";
 157 }
 158
 159 .icon-no-eye::before {
 160   content: "\e9d1";
 161 }
 162
 163 .icon-calendar::before {
 164   content: "\e953";
 165 }
 166
 167 .icon-time::before {
 168   content: "\e952";
 169 }
 170
 171 /* .icon-image class, for image-based icons
 172   ========================================================================== */
 173
 174 .icon-image {
 175   background: no-repeat center/80%;
 176   padding-right: 1em !important;
 177   padding-left: 1em !important;
 178 }
 179
 180 /* Carrot (http://carrot.org) */
 181 .icon-image--carrot {
 182   background-image: url("../../_global/img/icons/carrot-icon--white.png");
 183 }
 184
 185 /* Diaspora */
 186 .icon-image--diaspora {
 187   background-image: url("../../_global/img/icons/Diaspora-asterisk.svg");
 188 }
 189
 190 /* Unmark.it */
 191 .icon-image--unmark {
 192   background-image: url("../../_global/img/icons/unmark-icon--black.png");
 193 }
 194
 195 /* shaarli */
 196 .icon-image--shaarli {
 197   background-image: url("../../_global/img/icons/shaarli.png");
 198 }
 199
 200 /* ==========================================================================
 201    Icon selected
 202    ========================================================================== */
 203
 204 .icon-star.fav::before {
 205   color: #fff;
 206 }
 207
 208 .icon-check.archive::before {
 209   color: #fff;
 210 }