X-Git-Url: https://iankelling.org/git/?p=iankelling.org;a=blobdiff_plain;f=css%2Fsubscribe-char.scss;fp=css%2Fsubscribe-char.scss;h=0b464410e652715e446ac6c0ad71e6097dc4b0f7;hp=0000000000000000000000000000000000000000;hb=d668aa72f0503fe96aff5865215602e8f87e1a56;hpb=956d10ee358397728a058b51551ccd031c226c31 diff --git a/css/subscribe-char.scss b/css/subscribe-char.scss new file mode 100644 index 0000000..0b46441 --- /dev/null +++ b/css/subscribe-char.scss @@ -0,0 +1,52 @@ +/* grabbed just the rss icon from font-awesome using fontello.com*/ +/* then extracted just the relevant bits out. I tried using svg,*/ +/* since it is more modern and compatible,*/ +/* but it seems that it would take a bunch of work to change it's*/ +/* color, do underline on hover, and line it up with the rest*/ +/* of the text. */ +@font-face { + font-family: 'fontello'; + src: url('/font/fontello.eot?97936362'); + src: url('/font/fontello.eot?97936362#iefix') format('embedded-opentype'), + url('/font/fontello.woff2?97936362') format('woff2'), + url('/font/fontello.woff?97936362') format('woff'), + url('/font/fontello.ttf?97936362') format('truetype'), + url('/font/fontello.svg?97936362#fontello') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ + + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ +} +.icon-rss:before { content: '\f09e'; } /* '' */