Style Rust logo

apiraino · apiraino · commit c75c28c7ff66 · 2024-08-26T17:34:38.000+02:00
diff --git a/src/styles/app.scss b/src/styles/app.scss
@@ -57,6 +57,7 @@ $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);
 }
 
 html {
@@ -418,3 +419,7 @@ header h1 {
 li.theme-item:hover {
   background-color: var(--theme-hover);
 }
+
+.rust-logo {
+    filter: var(--rust-logo-filter);
+}
diff --git a/templates/nav.hbs b/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>

Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,7 @@ $header-font: 'Alfa Slab One', serif;`
`57`	`57`	`--theme-popup-bg: #141617;`
`58`	`58`	`--theme-hover: #474c51;`
`59`	`59`	`--theme-choice-color: #d5cbc6;`
	`60`	`+ --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);`
`60`	`61`	`}`
`61`	`62`
`62`	`63`	`html {`
`@@ -418,3 +419,7 @@ header h1 {`
`418`	`419`	`li.theme-item:hover {`
`419`	`420`	`background-color: var(--theme-hover);`
`420`	`421`	`}`
	`422`	`+`
	`423`	`+.rust-logo {`
	`424`	`+ filter: var(--rust-logo-filter);`
	`425`	`+}`