@version: 25; @font-face { font-family: 'icomoon'; src:url('/fonts/icomoon.ttf?@{version}') format('truetype'), url('/fonts/icomoon.woff?@{version}') format('woff'), url('/fonts/icomoon.svg?@{version}#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icn-"], [class*=" icn-"] { /* 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; } .icn-jersey:before { content: "\e60d"; } .icn-fr:before { content: "\e60b"; } .icn-logo:before { content: "\e60a"; } .icn-ban-chat:before { content: "\e609"; } .icn-whistle:before { content: "\e608"; } .icn-arrow-left:before { content: "\e601"; } .icn-arrow-right:before { content: "\e600"; } .icn-file:before { content: "\e605"; } .icn-cog:before { content: "\e606"; } .icn-checkmark:before { content: "\e607"; } .icn-play:before { content: "\e604"; } .icn-calendar:before { content: "\e602"; } .icn-list:before { content: "\e603"; } .icn-time:before { content: "\e60c"; } .icn-circle-up:before { content: "\e60e"; } .icn-tick-down:before { content: "\e60f"; transition: 0.3s transform; display: inline-block; } .icn-tick-up:before { content: "\e60f"; display: inline-block; transform: rotate(180deg) translateY(-1px); transition: 0.3s transform; } .icn-tick-right:before { content: "\e60f"; display: inline-block; transform: rotate(270deg); } .icn-comments:before { content: "\e610"; } .icn-search:before { content: "\e611"; } .icn-reload:before { content: "\e612"; } .icn-question:before { content: "\e620"; } .icn-add:before { content: "\e800"; } .icn-close:before { content: "\e801"; } .icn-volume-mute:before { content: "\e900"; } .icn-volume-high:before { content: "\e901"; } .icn-bars:before { content: "\e902"; } .icn-flag:before { content: "\e903"; } .icn-dots-horizontal:before { content: "\e909"; display: inline-block; transform: rotate(-90deg); } .icn-hidden:before { content: "\e90a"; } /** Lineups **/ .icn-shoe:before { content: "\e906"; } .icn-ball:before { content: "\e905"; } .icn-penalty-miss:before { content: "\e908"; } .icn-sub-out:before { content: "\e946"; color: red; } .icn-shirt:before { content: "\e904"; } .icn-yellow:before { content: "\e907"; color: yellow; } .icn-red:before, .icn-missing-suspended:before { content: "\e907"; color: red; } .icn-second-yellow:before { content: "\e907"; color: red; text-shadow: -2px -2px 0px yellow; } .icn-missing-injured:before { content: "\e800"; color: #d30; } .icn-missing-injured-doubtful:before, .icn-missing-illness:before { content: "\e800"; color: #ea0; } .icn-missing-int-duty:before { content: "\e60d"; } .icn-missing-fitness:before { content: "\e946"; color: red; } .icn-missing-coach-decision:before { content: "\e608"; color: #444; } .icn-missing-banned:before, .icn-missing-not-qual:before, .icn-missing-other:before, .icn-missing-personal-reasons:before { content: "\e801"; color: #444; font-size: 90%; margin-left: 1px; } /** Markdown Editor */ .icn-bold:before { content: "\e61a"; } .icn-italic:before { content: "\e61f"; } .icn-header:before { content: "\e614"; } .icn-quotes-left:before { content: "\e617"; } .icn-olist:before { content: "\e61d"; } .icn-ulist:before { content: "\e61e"; } .icn-hr:before { content: "\e613"; } .icn-link:before { content: "\e616"; } .icn-image:before { content: "\e618"; } .icn-undo:before { content: "\e61c"; } .icn-redo:before { content: "\e61b"; } /* Stacked Icons */ .icn-short-logo { &:before { content: "\e60b"; } &:after { content: "\e60a"; margin-left: 0.1em; } }