Style logo component

Author: Matthieu Oger

_sass/components/_logo.scss

@@ -5,16 +5,36 @@
 // -------------------------------------------------------
 
 .logo {
+  @include font-title;
+
+  background: $brand-black; // TMP
+
+  text-align: center;
+}
+
+.logo--home {
 }
 
 .logo__link {
+  color: white;
 }
 
 .logo__image {
+  img {
+    width: 100px;
+    height: 100px;
+  }
 }
 
-.logo__image img {
+.logo__image--big {
+  img {
+    width: 160px;
+    height: 160px;
+  }
 }
 
 .logo__name {
+  text-shadow: 0 3px 10px rgba(black, 0.2);
+
+  font-size: 4.8rem;
 }

index.html

@@ -11,7 +11,7 @@
     <a href="/" class="logo__link">
       <h1 class="logo__name">Pixelnest</h1>
 
-      <div class="logo__image">
+      <div class="logo__image logo__image--big">
         <img src="/static/images/logo/logo_512.png" alt="Pixelnest Studio" title="Pixelnest Studio" />
       </div>
     </a>