/* ------------------------------ Base: Icons ------------------------------ */ $icon-minus: "\e900"; $icon-plus: "\e901"; $icon-pin: "\e902"; $icon-linkedin: "\e903"; $icon-arrow-up: "\e904"; $icon-arrow-down: "\e905"; $icon-arrow-left: "\e906"; $icon-arrow-right: "\e907"; [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: '#{$icomoon-font-family}' !important; speak: never; 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; } .icon-minus { &:before { content: $icon-minus; } } .icon-plus { &:before { content: $icon-plus; } } .icon-pin { &:before { content: $icon-pin; } } .icon-linkedin { &:before { content: $icon-linkedin; } } .icon-arrow-up { &:before { content: $icon-arrow-up; } } .icon-arrow-down { &:before { content: $icon-arrow-down; } } .icon-arrow-left { &:before { content: $icon-arrow-left; } } .icon-arrow-right { &:before { content: $icon-arrow-right; } }