63 lines
958 B
SCSS
63 lines
958 B
SCSS
.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;
|
|
}
|
|
}
|
|
} |