Merge pull request #14 from fipguide/feat/lennart

fix: reduce icon set size

Author: therobrob

assets/sass/fonts.scss

@@ -22,27 +22,6 @@
   src: url(/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf) format('woff2');
 }
 
-.material-symbols-rounded {
-  font-family: "Material Symbols Rounded";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: 'liga';
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings:
-          'FILL' 0,
-          'wght' 400,
-          'GRAD' 0,
-          'opsz' 24;
-}
-
 body {
   font-family: "Roboto",Arial,Helvetica,sans-serif;
 }

assets/sass/main.scss

@@ -7,4 +7,5 @@
 @import "teaser.scss";
 @import "footer.scss";
 @import "content.scss";
-@import "textHighlight.scss";
+@import "textHighlight.scss";
+@import 'node_modules/@material-design-icons/font/round.scss';

hugo.yaml

@@ -19,6 +19,8 @@ module:
   mounts:
     - source: "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
       target: "assets/js/bootstrap.bundle.min.js"
+    - source: "node_modules/@material-design-icons/font/material-icons-round.woff2"
+      target: "static/css/material-icons-round.woff2"
     - source: "assets"
       target: "assets"
     - source: "static"

layouts/partials/menu.html

@@ -11,18 +11,18 @@
   <div class="o-header__nav container">
     <button class="o-nav__menu-button" title="Menü öffnen" aria-expanded="false" aria-haspopup="true">
       <span>{{ T "menu-open" }}</span>
-      <i class="material-symbols-rounded" aria-hidden="true">menu</i>
+      <i class="material-icons-round" aria-hidden="true">menu</i>
     </button>
     <nav>
       <button class="o-nav__close-button" title="Menü schließen">
         <span>{{ T "menu-close" }}</span>
-        <i class="material-symbols-rounded" aria-hidden="true">close</i>
+        <i class="material-icons-round" aria-hidden="true">close</i>
       </button>
       <menu>
         <li class="o-header__item">
           <button class="o-header__expand-button" aria-haspopup="true" aria-expanded="false">
             <span>{{ T "countryselection" }}</span>
-            <i class="material-symbols-rounded" aria-hidden="true">keyboard_arrow_down</i>
+            <i class="material-icons-round" aria-hidden="true">keyboard_arrow_down</i>
           </button>
           <h2 id="menu-country-list">{{ T "country" }}</h2>
           <menu class="o-header__item-countries" aria-describedby="menu-country-list">

package-lock.json

@@ -18,6 +18,7 @@
   "description": "",
   "dependencies": {
     "bootstrap": "^5.3.3",
-    "pagefind": "^1.3.0"
+    "pagefind": "^1.3.0",
+    "@material-design-icons/font": "^0.14.15"
   }
 }