feat: initial development
This commit is contained in:
51
Blog.Server/Static/css/post.css
Normal file
51
Blog.Server/Static/css/post.css
Normal file
@@ -0,0 +1,51 @@
|
||||
.blog-title {
|
||||
font-family: 'Roboto', serif;
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-size: 32px;
|
||||
line-height: 40px;
|
||||
color: var(--bs-info);
|
||||
}
|
||||
|
||||
.static-avatar {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0 0 0 -6px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.author-profile-image, .avatar-wrapper {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #e3e9ed;
|
||||
border-radius: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.post-author {
|
||||
color: #757575;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.wp-block-image > img {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
color: #757575;
|
||||
font-size: 75%;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.post-content {
|
||||
padding: 0 170px 6vw;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user