add: basic blog layout
Basic Blog Layout to work on
This commit is contained in:
parent
9d691974ce
commit
91b59e4ebe
15 changed files with 278 additions and 3 deletions
32
app/assets/css/blogAuthor.css
Normal file
32
app/assets/css/blogAuthor.css
Normal file
|
@ -0,0 +1,32 @@
|
|||
.BlogAuthor {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
|
||||
& .meta {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: .2rem;
|
||||
|
||||
& .name {
|
||||
font-weight: bold;
|
||||
}
|
||||
& .date {
|
||||
font-size: .8rem;
|
||||
}
|
||||
}
|
||||
|
||||
& .image {
|
||||
--size: 50px;
|
||||
height: var(--size);
|
||||
width: var(--size);
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
|
||||
& img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue