Refactor of the header

_includes/header.html

@@ -4,18 +4,18 @@
       {%- assign default_paths = site.pages | map: "path" -%}
       {%- assign page_paths = site.header_pages | default: default_paths -%}
 
-      <div style="border-bottom: solid 1px #777">
-        <img src="{{ '/assets/banners/uni-logo.svg' | relative_url }}"
+      <div class="custom-header" style="border-bottom: solid 1px #777">
+        <img class="img-uni-lu"
+             src="{{ '/assets/banners/uni-logo.svg' | relative_url }}"
              type="image/svg+xml"
-             style="border: solid 1px #777; padding: 1% 2% 0px 2%; border-bottom: solid 4px white; position: relative; bottom: -2px; border-radius: 14px 14px 0 0; margin-left: 8%;"
         />
-        <img src="{{ '/assets/banners/frozen-banner.svg' | relative_url }}"
+        <img class="img-banner"
+             src="{{ '/assets/banners/frozen-banner.svg' | relative_url }}"
              type="image/svg+xml"
-             style="margin-left: 3%; position: relative; bottom: -10px; width: 40%"
         />
-        <img src="{{ '/assets/banners/lcsb-logo.svg' | relative_url }}"
+        <img class="img-lcsb"
+             src="{{ '/assets/banners/lcsb-logo.svg' | relative_url }}"
              type="image/svg+xml"
-             style="margin-right: 1%; float: right; position: relative; bottom: -15px;"
         />
       </div>
 

_sass/minima.scss

@@ -52,5 +52,6 @@ $footer-height: 50px;
   "minima/base",
   "minima/layout",
   "minima/frozen",
-  "minima/syntax-highlighting"
+  "minima/syntax-highlighting",
+  "minima/lcsb"
 ;

_sass/minima/_lcsb.scss

+.img-lcsb {
+  bottom: -15px;
+  float: right;
+  margin-right: 1%;
+  position: relative;
+}
+
+.img-banner {
+  bottom: -10px;
+  margin-left: 3%;
+  position: relative;
+  width: 40%
+}
+
+.img-uni-lu {
+  bottom: -2px;
+  border: solid 1px #777;
+  border-bottom: solid 4px white;
+  border-radius: 14px 14px 0 0;
+  margin-left: 8%;
+  padding: 1% 2% 0px 2%;
+  position: relative;
+}
\ No newline at end of file