Merge remote-tracking branch 'zawadzki/new-design'

[wolnelektury.git] / 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 6d4a375..c3facfb 100644 (file)
--- 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";
 $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-audio: "\e903";
 $icon-book: "\e904";
 $icon-eye: "\e905";

+$icon-prev: "\e901";
+$icon-next: "\e902";

 $icon-play: "\e906";
 $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}';
 
 @font-face {
   font-family: '#{$icomoon-font-family}';


@@ -51,16 +57,6 @@ $icon-arrow-down: "\e90d";
     content: $icon-liked;
   }
 }
     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;
 .icon-audio {
   &:before {
     content: $icon-audio;


@@ -76,11 +72,36 @@ $icon-arrow-down: "\e90d";
     content: $icon-eye;
   }
 }
     content: $icon-eye;
   }
 }

+.icon-prev {
+  &:before {
+    content: $icon-prev;
+  }
+}
+.icon-next {
+  &:before {
+    content: $icon-next;
+  }
+}

 .icon-play {
   &:before {
     content: $icon-play;
   }
 }
 .icon-play {
   &:before {
     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;
 .icon-quote {
   &:before {
     content: $icon-quote;


@@ -111,8 +132,23 @@ $icon-arrow-down: "\e90d";
     content: $icon-all;
   }
 }
     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-arrow-down {
   &:before {
     content: $icon-arrow-down;
   }
 }

+.icon-close {
+  &:before {
+    content: $icon-close;
+  }
+}