Style Rust logo

Author: apiraino

src/styles/app.scss

@@ -57,6 +57,8 @@ $header-font: 'Alfa Slab One', serif;
   --theme-popup-bg: #141617;
   --theme-hover: #474c51;
   --theme-choice-color: #d5cbc6;
+  --rust-logo-filter: drop-shadow(1px 0 0px #fff) drop-shadow(0 1px 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 -1px 0 #fff);
+  --rust-logo-filter: initial;
 }
 
 html {
@@ -79,7 +81,7 @@ body {
   display: flex;
   flex-direction: column;
   & > #main-content {
-    flex: 1;
+      flex: 1;
   }
 }
 
@@ -192,7 +194,7 @@ div.brand {
 }
 
 .white {
-  color: var(--white-elem-color);
+   color: var(--white-elem-color);
   .highlight {
     background-color: var(--yellow);
   }
@@ -418,3 +420,7 @@ header h1 {
 li.theme-item:hover {
   background-color: var(--theme-hover);
 }
+
+.rust-logo {
+    filter: var(--rust-logo-filter);
+}

templates/nav.hbs

@@ -1,7 +1,7 @@
 <nav class="flex flex-row justify-center justify-end-l items-center flex-wrap ph2 pl3-ns pr4-ns">
   <div class="brand flex-auto w-100 w-auto-l self-start tc tl-l">
     <a href="{{root}}{{blog.prefix}}">
-      <img class="v-mid ml0-l" alt="Rust Logo" src="{{root}}images/rust-logo-blk.svg">
+      <img class="v-mid ml0-l rust-logo" alt="Rust Logo" src="{{root}}images/rust-logo-blk.svg">
       <span class="dib ml1 ml0-l">{{blog.title}}</span>
     </a>
   </div>