Naming, footer, layout fixes.

[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 4dd55d6..924484f 100644 (file)
--- a/src/wolnelektury/static/2022/styles/base/_icons.scss
+++ b/src/wolnelektury/static/2022/styles/base/_icons.scss
@@ -5,29 +5,43 @@
 $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-pause: "\e907";
-$icon-quote: "\e908";
-$icon-search: "\e909";
-$icon-acc-1: "\e90a";
-$icon-acc-2: "\e90b";
-$icon-acc-3: "\e90c";
-$icon-all: "\e90d";
-$icon-arrow-down: "\e90e";
-$icon-close: "\e90f";
+$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}';
   src:
-          url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
-          url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
-          url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?79zz52') format('truetype'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?79zz52') format('woff'),
+    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?79zz52##{$icomoon-font-family}') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -48,19 +62,54 @@ $icon-close: "\e90f";
   -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 {
@@ -68,11 +117,21 @@ $icon-close: "\e90f";
     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;
@@ -88,6 +147,16 @@ $icon-close: "\e90f";
     content: $icon-pause;
   }
 }
+.icon-volume {
+  &:before {
+    content: $icon-volume;
+  }
+}
+.icon-mute {
+  &:before {
+    content: $icon-mute;
+  }
+}
 .icon-quote {
   &:before {
     content: $icon-quote;
@@ -118,6 +187,21 @@ $icon-close: "\e90f";
     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;