From 3913b19fc08a459ec9ef8f1773ae0c335149a37b Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Sun, 4 Jul 2021 18:09:14 +0200
Subject: Update the header section to use BEM convention

---
 app/base.styl | 46 +++-------------------------------------------
 1 file changed, 3 insertions(+), 43 deletions(-)

(limited to 'app/base.styl')

diff --git a/app/base.styl b/app/base.styl
index f6edae9..31b12d7 100644
--- a/app/base.styl
+++ b/app/base.styl
@@ -1,25 +1,11 @@
 secondaryColor = #DB0A16
 
-@media (prefers-color-scheme: dark) {
-  html {
-    color: #FFFFFF
-    background-color: #181818
-  }
-}
-
-@media (prefers-color-scheme: light) {
-  html {
-    color: #000000
-    background-color: #FFFFFF
-  }
-}
-
 body {
   font-family: "PT Sans", Arial, sans-serif
   max-width: 1024px
   min-width: 375px
-  margin: 0 auto !important
-  float: none !important
+  margin: 0 auto
+  float: none
 }
 
 main {
@@ -34,33 +20,7 @@ a:link, a:visited, a:hover, a:active {
   border-bottom: 1px solid secondaryColor
 }
 
-// Header section styling
-header {
-  text-align: center
-  line-height: 1.3
-  font-style: normal
-
-  // Name
-  h1 {
-    font-size: 3rem
-    margin-bottom: 0
-  }
-
-  // Position
-  em {
-    font-style: inherit
-  }
-
-  // Address/Contacts
-  address {
-    font-style: inherit
-
-    div { display: inline }
-    .loc { display: block }
-    .tel { display: none }
-    .web { display: none }
-  }
-}
+@require "stylesheets/web/header.styl"
 
 article {
   h1 {
-- 
cgit v1.2.3