personal-website/resources/sys/blog-viewer/blog-viewer.css
2023-05-07 22:56:40 +03:00

54 lines
1.0 KiB
CSS

.BlogView{
width: 100%;
height: 100%;
/* Auto layout */
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
/* gap: 50px; */
/* row-gap: 20px; */
/* padding: 0px 20px 0px 20px; */
background-color: #FFFFFF;
}
.BlogView .Content {
overflow: scroll;
width: 100%;
height: 100%;
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
/* gap: 50px; */
/* row-gap: 20px; */
/* padding: 0px 20px 0px 20px; */
margin: 0px 20px 0px 20px;
}
.BlogView .header-h1{
font-size:x-large;
padding-bottom: 10px;
}
.BlogView .header-h2{
font-size:large;
padding-bottom: 6px;
}
.BlogView .header-h3{
font-size:larger;
padding-bottom: 2px;
}
.BlogView .plain-text{
/* Auto layout */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 5px;
/* row-gap: 20px; */
}