iankelling.org Git - iankelling.org/blob - css/subscribe-char.scss

   1 /* grabbed just the rss icon from font-awesome using fontello.com*/
   2 /* then extracted just the relevant bits out. I tried using svg,*/
   3 /* since it is more modern and compatible,*/
   4 /* but it seems that it would take a bunch of work to change it's*/
   5 /* color, do underline on hover, and line it up with the rest*/
   6 /* of the text. */
   7 @font-face {
   8   font-family: 'fontello';
   9   src: url('/font/fontello.eot?97936362');
  10   src: url('/font/fontello.eot?97936362#iefix') format('embedded-opentype'),
  11   url('/font/fontello.woff2?97936362') format('woff2'),
  12   url('/font/fontello.woff?97936362') format('woff'),
  13   url('/font/fontello.ttf?97936362') format('truetype'),
  14   url('/font/fontello.svg?97936362#fontello') format('svg');
  15   font-weight: normal;
  16   font-style: normal;
  17 }
  18 [class^="icon-"]:before, [class*=" icon-"]:before {
  19   font-family: "fontello";
  20   font-style: normal;
  21   font-weight: normal;
  22   speak: none;
  23
  24   display: inline-block;
  25   text-decoration: inherit;
  26   width: 1em;
  27   margin-right: .2em;
  28   text-align: center;
  29   /* opacity: .8; */
  30
  31   /* For safety - reset parent styles, that can break glyph codes*/
  32   font-variant: normal;
  33   text-transform: none;
  34
  35   /* fix buttons height, for twitter bootstrap */
  36   line-height: 1em;
  37
  38   /* Animation center compensation - margins should be symmetric */
  39   /* remove if not needed */
  40   margin-left: .2em;
  41
  42   /* you can be more comfortable with increased icons size */
  43   /* font-size: 120%; */
  44
  45   /* Font smoothing. That was taken from TWBS */
  46   -webkit-font-smoothing: antialiased;
  47   -moz-osx-font-smoothing: grayscale;
  48
  49   /* Uncomment for 3D effect */
  50   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  51 }
  52 .icon-rss:before { content: '\f09e'; } /* '' */