From 1becaff62ae228d909b83ef6d08f48c01660300f Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Mon, 21 Sep 2020 15:51:11 +0100
Subject: [PATCH] End the banner campaign (#3275)

---
 src/components/LayoutHeader/Header.js         | 28 -------------------
 .../MarkdownHeader/MarkdownHeader.js          |  6 ++--
 src/components/MarkdownPage/MarkdownPage.js   |  5 +---
 .../StickyResponsiveSidebar.js                | 10 +++----
 src/pages/index.js                            |  6 +---
 src/theme.js                                  |  1 -
 6 files changed, 10 insertions(+), 46 deletions(-)

diff --git a/src/components/LayoutHeader/Header.js b/src/components/LayoutHeader/Header.js
index b7f3ec7b..f2d0ada0 100644
--- a/src/components/LayoutHeader/Header.js
+++ b/src/components/LayoutHeader/Header.js
@@ -33,34 +33,6 @@ const Header = ({location}: {location: Location}) => (
         display: 'none',
       },
     }}>
-    <Container>
-      <div
-        css={{
-          height: 60,
-          fontSize: 20,
-          padding: 20,
-          textAlign: 'center',
-          [media.between('small', 'large')]: {
-            fontSize: 22,
-            height: 60,
-          },
-          [media.lessThan('small')]: {
-            height: 80,
-          },
-          [media.greaterThan('medium')]: {
-            fontSize: 25,
-          },
-        }}>
-        Black Lives Matter.{' '}
-        <a
-          style={{color: colors.brand}}
-          target="_blank"
-          rel="noopener"
-          href="https://support.eji.org/give/153413/#!/donation/checkout">
-          Support&nbsp;the&nbsp;Equal&nbsp;Justice&nbsp;Initiative.
-        </a>
-      </div>
-    </Container>
     <Container>
       <div
         css={{
diff --git a/src/components/MarkdownHeader/MarkdownHeader.js b/src/components/MarkdownHeader/MarkdownHeader.js
index a73fed5e..0d04d0a7 100644
--- a/src/components/MarkdownHeader/MarkdownHeader.js
+++ b/src/components/MarkdownHeader/MarkdownHeader.js
@@ -15,15 +15,15 @@ const MarkdownHeader = ({title}: {title: string}) => (
       css={{
         color: colors.dark,
         marginBottom: 0,
-        marginTop: 100, // BLM
+        marginTop: 40,
         ...fonts.header,
 
         [media.size('medium')]: {
-          marginTop: 100, // BLM
+          marginTop: 60,
         },
 
         [media.greaterThan('large')]: {
-          marginTop: 100, // BLM
+          marginTop: 80,
         },
       }}>
       {title}
diff --git a/src/components/MarkdownPage/MarkdownPage.js b/src/components/MarkdownPage/MarkdownPage.js
index 06e878fd..8eac217c 100644
--- a/src/components/MarkdownPage/MarkdownPage.js
+++ b/src/components/MarkdownPage/MarkdownPage.js
@@ -87,10 +87,7 @@ const MarkdownPage = ({
               <MarkdownHeader title={titlePrefix} />
 
               {(date || hasAuthors) && (
-                <div
-                  css={{
-                    marginTop: 15,
-                  }}>
+                <div css={{marginTop: 15}}>
                   {date}{' '}
                   {hasAuthors && (
                     <span>
diff --git a/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js b/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js
index 8944f403..bca987ed 100644
--- a/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js
+++ b/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js
@@ -43,7 +43,7 @@ class StickyResponsiveSidebar extends Component<Props, State> {
   render() {
     const {open} = this.state;
     const smallScreenSidebarStyles = {
-      top: 60,
+      top: 0,
       left: 0,
       bottom: 0,
       right: 0,
@@ -117,18 +117,18 @@ class StickyResponsiveSidebar extends Component<Props, State> {
               transition: 'transform 0.5s ease',
             }}
             css={{
-              marginTop: 80,
+              marginTop: 60,
 
               [media.size('xsmall')]: {
-                marginTop: 60,
+                marginTop: 40,
               },
 
               [media.between('small', 'medium')]: {
-                marginTop: 70,
+                marginTop: 0,
               },
 
               [media.between('medium', 'large')]: {
-                marginTop: 70,
+                marginTop: 50,
               },
 
               [media.greaterThan('small')]: {
diff --git a/src/pages/index.js b/src/pages/index.js
index df48d05d..b7a4a0cb 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -53,11 +53,7 @@ class Home extends Component {
           title="React &ndash; A JavaScript library for building user interfaces"
           canonicalUrl={createCanonicalUrl('/')}
         />
-        <div
-          css={{
-            width: '100%',
-            marginTop: 60, // BLM
-          }}>
+        <div css={{width: '100%'}}>
           <header
             css={{
               backgroundColor: colors.dark,
diff --git a/src/theme.js b/src/theme.js
index 9e17fe16..5e3c3041 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -318,7 +318,6 @@ const sharedStyles = {
       },
 
       lineHeight: 1.2,
-      scrollMarginTop: 120,
 
       ':first-child': {
         '::before': {