X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/a8282aa69e00292bec986722c5230ff89f96f450..50aec69a46276ec94d7d4d2ab3c59bc383d07a2c:/src/wolnelektury/static/2022/styles/base/_icons.scss?ds=sidebyside diff --git a/src/wolnelektury/static/2022/styles/base/_icons.scss b/src/wolnelektury/static/2022/styles/base/_icons.scss index 6d4a375bf..924484f87 100644 --- a/src/wolnelektury/static/2022/styles/base/_icons.scss +++ b/src/wolnelektury/static/2022/styles/base/_icons.scss @@ -5,20 +5,36 @@ $icomoon-font-family: "wl" !default; $icomoon-font-path: "../fonts" !default; -$icon-liked: "\e900"; -$icon-arrow-right: "\e901"; -$icon-arrow-up: "\e902"; -$icon-audio: "\e903"; -$icon-book: "\e904"; -$icon-eye: "\e905"; -$icon-play: "\e906"; -$icon-quote: "\e907"; -$icon-search: "\e908"; -$icon-acc-1: "\e909"; -$icon-acc-2: "\e90a"; -$icon-acc-3: "\e90b"; -$icon-all: "\e90c"; -$icon-arrow-down: "\e90d"; +$icon-lang: "\e900"; +$icon-tt: "\e901"; +$icon-yt: "\e902"; +$icon-ig: "\e903"; +$icon-fb: "\e904"; +$icon-filter: "\e905"; +$icon-like: "\e906"; +$icon-liked: "\e907"; +$icon-prev: "\e908"; +$icon-next: "\e909"; +$icon-audio: "\e90a"; +$icon-picture: "\e90b"; +$icon-book: "\e90c"; +$icon-book-alt: "\e90d"; +$icon-eye: "\e90e"; +$icon-play: "\e90f"; +$icon-pause: "\e910"; +$icon-volume: "\e911"; +$icon-mute: "\e912"; +$icon-quote: "\e913"; +$icon-search: "\e914"; +$icon-acc-1: "\e915"; +$icon-acc-2: "\e916"; +$icon-acc-3: "\e917"; +$icon-all: "\e918"; +$icon-arrow-left: "\e919"; +$icon-arrow-right: "\e91a"; +$icon-arrow-up: "\e91b"; +$icon-arrow-down: "\e91c"; +$icon-close: "\e91d"; @font-face { font-family: '#{$icomoon-font-family}'; @@ -46,19 +62,54 @@ $icon-arrow-down: "\e90d"; -moz-osx-font-smoothing: grayscale; } +.icon-lang { + &:before { + content: $icon-lang; + } +} +.icon-tt { + &:before { + content: $icon-tt; + } +} +.icon-yt { + &:before { + content: $icon-yt; + } +} +.icon-ig { + &:before { + content: $icon-ig; + } +} +.icon-fb { + &:before { + content: $icon-fb; + } +} +.icon-filter { + &:before { + content: $icon-filter; + } +} +.icon-like { + &:before { + content: $icon-like; + } +} .icon-liked { &:before { content: $icon-liked; } } -.icon-arrow-right { +.icon-prev { &:before { - content: $icon-arrow-right; + content: $icon-prev; } } -.icon-arrow-up { +.icon-next { &:before { - content: $icon-arrow-up; + content: $icon-next; } } .icon-audio { @@ -66,11 +117,21 @@ $icon-arrow-down: "\e90d"; content: $icon-audio; } } +.icon-picture { + &:before { + content: $icon-picture; + } +} .icon-book { &:before { content: $icon-book; } } +.icon-book-alt { + &:before { + content: $icon-book-alt; + } +} .icon-eye { &:before { content: $icon-eye; @@ -81,6 +142,21 @@ $icon-arrow-down: "\e90d"; content: $icon-play; } } +.icon-pause { + &:before { + content: $icon-pause; + } +} +.icon-volume { + &:before { + content: $icon-volume; + } +} +.icon-mute { + &:before { + content: $icon-mute; + } +} .icon-quote { &:before { content: $icon-quote; @@ -111,8 +187,28 @@ $icon-arrow-down: "\e90d"; content: $icon-all; } } +.icon-arrow-left { + &:before { + content: $icon-arrow-left; + } +} +.icon-arrow-right { + &:before { + content: $icon-arrow-right; + } +} +.icon-arrow-up { + &:before { + content: $icon-arrow-up; + } +} .icon-arrow-down { &:before { content: $icon-arrow-down; } } +.icon-close { + &:before { + content: $icon-close; + } +}