diff options
author | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:25:23 -0500 |
---|---|---|
committer | Ben Burwell <ben@benburwell.com> | 2015-11-14 14:25:23 -0500 |
commit | 8856c415d16ae558609b615873826816c6718f42 (patch) | |
tree | e7a3a83e7cf0fbb75da3fb1517046207917630b8 /_sass/icons.scss | |
parent | ce236fec927e1ca7991588a374607e53172844e6 (diff) |
redesign
Diffstat (limited to '_sass/icons.scss')
-rw-r--r-- | _sass/icons.scss | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/_sass/icons.scss b/_sass/icons.scss new file mode 100644 index 0000000..6b180e9 --- /dev/null +++ b/_sass/icons.scss @@ -0,0 +1,56 @@ +@font-face { + font-family: 'fontello'; + src: url('/assets/fonts/fontello.eot?46807042'); + src: url('/assets/fonts/fontello.eot?46807042#iefix') format('embedded-opentype'), + url('/assets/fonts/fontello.woff?46807042') format('woff'), + url('/assets/fonts/fontello.ttf?46807042') format('truetype'), + url('/assets/fonts/fontello.svg?46807042#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); */ +} + +.lg-icon:before { + font-size: 200%; +} + +.icon-twitter:before { content: '\e800'; } /* '' */ +.icon-share-twitter:before { content: '\e801'; } /* '' */ +.icon-share-gplus:before { content: '\e803'; } /* '' */ +.icon-share-facebook:before { content: '\e804'; } /* '' */ +.icon-share-hacker-news:before { content: '\e805'; } /* '' */ +.icon-github:before { content: '\e808'; } /* '' */ |