Refactor branding

eventua11y · May 20, 2024 · 5f9b5dd · 5f9b5dd
1 parent cc582bc
commit 5f9b5dd
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 20 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -1,36 +1,23 @@
 ---
 import { Image } from "astro:assets";
-import logo from '../images/ac_logo_0.svg';
+import logo from '../images/corner.svg';
 ---
 
 <header id="global-header" class="masthead" role="banner">
-    <div class="branding">
         <a href="/" rel="home">
             <Image class="logo" src={logo} alt="a11y.courses" />
         </a>
-    </div>
 </header>
 <!-- End #global-header -->
 
 <style>
-    .branding {
-        background-color: var(--color-primary);
-        max-width: 100%;
-        padding: var(--space-s-l);
-        padding-top: 8rem;
-        position: absolute;
-        top: -10rem;
-        transform: rotate(-21deg);
-        width: 50rem;
-        z-index: -1;
-    }
     .nav {
         background-color: #ccc;
     }
     .logo {
         display: inline-block;
         height: auto;
-        max-width: 50%;
-        width: 20rem;
+        max-width: 25rem;
+        width: 70%;
     }
 </style>
diff --git a/src/images/corner.svg b/src/images/corner.svg
diff --git a/src/styles/styles.css b/src/styles/styles.css
@@ -5,8 +5,4 @@
 
 body {
     background-color: #eee;
-}
-
-main {
-    margin-top: 12rem;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,8 +5,4 @@ @@
     body {
         background-color: #eee;
-    }
-    main {
-        margin-top: 12rem;
     }