blog/_src/assets/styl/icons.styl

//
// kremalicious3
// --------------
// Icons
//


@font-face
    font-family: 'entypo'
    src: url('../fonts/entypo.eot')
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),  url('../fonts/entypo.woff') format('woff'), url('../fonts/entypo.ttf') format('truetype'), url('../fonts/entypo.svg#entypo') format('svg')
    font-weight: normal
    font-style: normal

.icon:before
    color: $text-color-light
    font-size: 20px
    font-family: 'entypo'
    speak: none
    font-style: normal
    font-weight: normal
    font-variant: normal
    text-transform: none
    line-height: 1
    -webkit-font-smoothing: antialiased
    -moz-osx-font-smoothing: grayscale

    .btn&
        font-size: 18px
        margin-right: .3em
        margin-left: -.3em
        top: .15em
        position: relative
        vertical-align: baseline
        color: inherit

.icon-twitter:before
    content: "\e600"

.icon-rss:before
    content: "\e603"

.icon-user:before,
.icon-personal:before
    content: "\e604"

.icon-leaf:before
    content: "\e605"

.icon-link:before
    content: "\e606"

.icon-pictures:before,
.icon-photos:before
    content: "\e607"

.icon-camera:before,
.icon-photography:before
    content: "\e608"

.icon-arrow-down-circle:before,
.icon-download:before
    content: "\e609"

.icon-forward:before
    content: "\e60a"

.icon-heart:before
    content: "\e60b"

.icon-info:before
    content: "\e60c"

.icon-github:before
.icon-github-alt:before
    content: "\e60e"

.icon-star:before,
.entry-content ul li:before
    content: "\e60d"

.icon-search:before
    content: "\e60f"

.icon-googleplus:before
    content: "\e601"

.icon-facebook:before
    content: "\e602"

.icon-list:before
    content: "\e610"

.icon-tools:before,
.icon-design:before
    content: "\e611"

.icon-arrow-down:before
    content: "\e612"

.icon-arrow-right:before
    content: "\e614"

.icon-arrow-left:before
    content: "\e615"

.icon-gift:before,
.icon-goodies:before
    content: "\e613"