diff --git a/CHANGELOG-2.x.md b/CHANGELOG-2.x.md index b35ea12eb8..feeec0b5f1 100644 --- a/CHANGELOG-2.x.md +++ b/CHANGELOG-2.x.md @@ -6,6 +6,7 @@ - Docs sidebar can now be more than one level deep, theoretically up to infinity - Collapsible docs sidebar! - More documentation ... +- Slight tweaks to the Blog components - blog title is larger now ## 2.0.0-alpha.25 diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js index 82cdbea782..80c0dba90c 100644 --- a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js +++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js @@ -6,11 +6,14 @@ */ import React from 'react'; +import classnames from 'classnames'; import {MDXProvider} from '@mdx-js/react'; import Link from '@docusaurus/Link'; import MDXComponents from '@theme/MDXComponents'; +import styles from './styles.module.css'; + function BlogPostItem(props) { const {children, frontMatter, metadata, truncated} = props; const {date, permalink, tags} = metadata; @@ -41,7 +44,7 @@ function BlogPostItem(props) { return (
-

+

{title}

diff --git a/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css new file mode 100644 index 0000000000..bda763c7ad --- /dev/null +++ b/packages/docusaurus-theme-classic/src/theme/BlogPostItem/styles.module.css @@ -0,0 +1,10 @@ +/** + * Copyright (c) 2017-present, Facebook, Inc. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +.blogPostTitle { + font-size: 3rem; +} diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js index 774fb3d5d4..5ae4c4dd1c 100644 --- a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js +++ b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js @@ -29,7 +29,9 @@ function BlogTagsPostPage(props) {
{items.map( ({content: BlogPostContent, metadata: blogPostMetadata}) => ( -
+