personal-site/assets/css/elements/blog-post-preview.scss

63 lines
958 B
SCSS
Raw Normal View History

2021-01-02 20:17:33 +00:00
.blog-posts{
list-style: none;
padding: 0;
font-family: 'Cuprum', sans-serif;
transition: 0.5s;
}
.blog-posts__item{
font-family: 'Cuprum', sans-serif;
color: var(--foreground);
&::before, &::after{
content: '' !important;
}
&--right{
& p{
text-align: right;
}
& ul{
flex-direction: row-reverse;
}
}
&--left{
text-align: left;
}
}
.nothing{
font-family: 'Mononoki Bold', monospace;
text-align: center;
}
.blog-post__header{
color: $header-color;
& a{
color: $header-color;
}
}
.blog-info__list{
list-style: none;
padding: 0;
display: flex;
}
.blog-info__item{
margin-right: 20px;
color: var(--orange);
display: flex;
align-items: center;
&--created{
&::before{
content: url("../../svg/watch.svg");
margin-right: 10px;
}
}
&--reading-time{
&::before{
content: url("../../svg/stopwatch.svg");
margin-right: 10px;
}
}
}