End the banner campaign (#3275)

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={{

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}

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>

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')]: {

src/pages/index.js

@@ -53,11 +53,7 @@ class Home extends Component {
           title="React – 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,

src/theme.js

@@ -318,7 +318,6 @@ const sharedStyles = {
       },
 
       lineHeight: 1.2,
-      scrollMarginTop: 120,
 
       ':first-child': {
         '::before': {