X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/eb2eb95bfbfe8c777c4192ea434a0e999edf3a51..534be56c67fa79cded7631a0aeeae62859ba4513:/src/wolnelektury/static/2022/styles/base/_icons.scss

diff --git a/src/wolnelektury/static/2022/styles/base/_icons.scss b/src/wolnelektury/static/2022/styles/base/_icons.scss
index 6d4a375bf..4ba192488 100644
--- a/src/wolnelektury/static/2022/styles/base/_icons.scss
+++ b/src/wolnelektury/static/2022/styles/base/_icons.scss
@@ -6,19 +6,25 @@ $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-prev: "\e901";
+$icon-next: "\e902";
 $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-pause: "\e907";
+$icon-volume: "\e908";
+$icon-mute: "\e909";
+$icon-quote: "\e90a";
+$icon-search: "\e90b";
+$icon-acc-1: "\e90c";
+$icon-acc-2: "\e90d";
+$icon-acc-3: "\e90e";
+$icon-all: "\e90f";
+$icon-arrow-right: "\e910";
+$icon-arrow-up: "\e911";
+$icon-arrow-down: "\e912";
+$icon-close: "\e913";
 
 @font-face {
   font-family: '#{$icomoon-font-family}';
@@ -51,16 +57,6 @@ $icon-arrow-down: "\e90d";
     content: $icon-liked;
   }
 }
-.icon-arrow-right {
-  &:before {
-    content: $icon-arrow-right;
-  }
-}
-.icon-arrow-up {
-  &:before {
-    content: $icon-arrow-up;
-  }
-}
 .icon-audio {
   &:before {
     content: $icon-audio;
@@ -76,11 +72,38 @@ $icon-arrow-down: "\e90d";
     content: $icon-eye;
   }
 }
+.icon-prev {
+  &:before {
+    content: $icon-prev;
+  }
+}
+.icon-next {
+  &:before {
+    content: $icon-next;
+  }
+}
 .icon-play {
   &:before {
     content: $icon-play;
   }
 }
+.jp-state-playing .icon-play,
+.icon-pause {
+  &:before {
+    content: $icon-pause;
+  }
+}
+.icon-volume {
+  &:before {
+    content: $icon-volume;
+  }
+}
+.jp-state-muted .icon-volume,
+.icon-mute {
+  &:before {
+    content: $icon-mute;
+  }
+}
 .icon-quote {
   &:before {
     content: $icon-quote;
@@ -111,8 +134,23 @@ $icon-arrow-down: "\e90d";
     content: $icon-all;
   }
 }
+.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;
+  }
+}