Update the header section to use BEM convention

1 files changed, 3 insertions, 43 deletions

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 {