(
css={{
color: colors.dark,
marginBottom: 0,
- marginTop: 40,
+ marginTop: 100, // BLM
...fonts.header,
[media.size('medium')]: {
- marginTop: 60,
+ marginTop: 100, // BLM
},
[media.greaterThan('large')]: {
- marginTop: 80,
+ marginTop: 100, // BLM
},
}}>
{title}
diff --git a/src/components/MarkdownPage/MarkdownPage.js b/src/components/MarkdownPage/MarkdownPage.js
index 49b64a5a1..4df224688 100644
--- a/src/components/MarkdownPage/MarkdownPage.js
+++ b/src/components/MarkdownPage/MarkdownPage.js
@@ -84,7 +84,10 @@ const MarkdownPage = ({
{(date || hasAuthors) && (
-
+
{date}{' '}
{hasAuthors && (
diff --git a/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js b/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js
index fc5d074d8..9f31cdd68 100644
--- a/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js
+++ b/src/components/StickyResponsiveSidebar/StickyResponsiveSidebar.js
@@ -43,7 +43,7 @@ class StickyResponsiveSidebar extends Component {
render() {
const {open} = this.state;
const smallScreenSidebarStyles = {
- top: 0,
+ top: 60,
left: 0,
bottom: 0,
right: 0,
@@ -117,18 +117,18 @@ class StickyResponsiveSidebar extends Component {
transition: 'transform 0.5s ease',
}}
css={{
- marginTop: 60,
+ marginTop: 80,
[media.size('xsmall')]: {
- marginTop: 40,
+ marginTop: 60,
},
[media.between('small', 'medium')]: {
- marginTop: 0,
+ marginTop: 70,
},
[media.between('medium', 'large')]: {
- marginTop: 50,
+ marginTop: 70,
},
[media.greaterThan('small')]: {
diff --git a/src/css/reset.css b/src/css/reset.css
index 5db3eed63..2046181f5 100644
--- a/src/css/reset.css
+++ b/src/css/reset.css
@@ -13,7 +13,6 @@ html {
body {
overflow-x: hidden;
position: relative;
- filter: grayscale(100%);
}
* {
diff --git a/src/pages/index.js b/src/pages/index.js
index b26783275..d0f839734 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -53,7 +53,11 @@ class Home extends Component {
title="React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리"
canonicalUrl={createCanonicalUrl('/')}
/>
-