@mixin tk-proxima-nova(){ font-family: "proxima-nova", sans-serif; } @mixin tk-proxima-nova-condensed(){ font-family: "proxima-nova-condensed", sans-serif; } @mixin tk-proxima-nova-extra-condensed(){ font-family: "proxima-nova-extra-condensed", sans-serif; } @font-face { font-family: 'icomoon'; src: url('#{$font}/icomoon/icomoon.eot?sl0bkl'); src: url('#{$font}/icomoon/icomoon.eot?sl0bkl#iefix') format('embedded-opentype'), url('#{$font}/icomoon/icomoon.ttf?sl0bkl') format('truetype'), url('#{$font}/icomoon/icomoon.woff?sl0bkl') format('woff'), url('#{$font}/icomoon/icomoon.svg?sl0bkl#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @mixin icomoon(){ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="ico-"], [class*=" ico-"] { @include icomoon(); } @mixin ico-close(){ content: "\e900"; } @mixin ico-fit-arrow(){ content: "\e901"; } @mixin ico-left-arrow(){ content: "\e902"; } @mixin ico-left-quote(){ content: "\e903"; } @mixin ico-minus(){ content: "\e904"; } @mixin ico-plus(){ content: "\e905"; } @mixin ico-right-arrow(){ content: "\e906"; } @mixin ico-right-quote(){ content: "\e907"; } @mixin ico-read-more-arrow(){ content: "\e908"; } @mixin ico-social-facebook(){ content: "\e909"; } @mixin ico-social-instagram(){ content: "\e90a"; } @mixin ico-social-twitter(){ content: "\e90b"; } @mixin ico-social-youtube(){ content: "\e90c"; }