docusaurus/packages/docusaurus-plugin-content-blog/components/Post/styles.module.css
Endilie Yacop Sucipto 4bd5d3937e
feat(v2): enhance @docusaurus/plugin-content-blog (#1311)
* feat(v2): @docusaurus/plugin-content-blog

* address code review
2019-03-26 01:39:58 +07:00

82 lines
1.3 KiB
CSS

/**
* 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.
*/
.postHeader {
margin-bottom: 10px;
}
.postHeaderTitle {
margin-top: 0;
}
.postMeta {
margin-bottom: 10px;
padding: 0;
}
.authorBlock {
display: flex;
}
.authorName {
color: rgba(57, 57, 57, 0.7);
display: flex;
flex-direction: column;
font-size: 14px;
font-weight: 400;
justify-content: center;
margin-right: 10px;
margin-top: 0;
padding: 0;
}
.authorPhoto {
border-radius: 50%;
height: 30px;
overflow: hidden;
width: 30px;
}
.authorPhotoBig {
height: 50px;
width: 50px;
}
.readMoreContainer {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.readMoreLink {
border: 1px solid #2e8555;
border-radius: 3px;
color: #2e8555;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.2em;
padding: 10px;
text-decoration: none!important;
text-transform: uppercase;
transition: background .3s,color .3s;
}
.readMoreLink:hover {
background-color: #00a388;
color: #fff;
}
.postContainer {
border-bottom: 1px solid #e0e0e0;
border-radius: 3px;
padding-bottom: 20px;
margin: 50px auto;
text-align: left;
width: 600px;
max-width: 1100px;
}