rf-web/_sass/layouts/post.scss

87 lines
1.1 KiB
SCSS

.post-list {
margin: 0;
padding: 0;
margin-bottom: $size-128;
h2 {
margin-bottom: $size-32;
}
.post-item {
margin-bottom: $size-64;
.post-header {
margin-bottom: $size-16;
}
.post-content {
p {
display: inline;
}
}
}
}
.news-post {
margin-bottom: $size-64;
}
.post-item {
list-style: none;
padding: 0;
margin-bottom: $size-16;
.post-header {
display: flex;
justify-content: space-between;
margin-bottom: $size-32;
h2,
h3,
label {
display: inline-flex;
align-items: center;
@include textbox;
margin: 0;
}
a {
color: $black;
text-decoration: none;
&:hover,
&:visited {
font-style: normal;
}
}
@include touch {
flex-wrap: wrap;
h2 {
margin-bottom: 8px;
}
}
}
.post-content {
@include textbox;
h1,
h2,
h3,
h4,
h5,
p,
span,
a,
li {
&:last-child {
margin-bottom: 0;
}
}
}
.tag {
@include textbox;
display: inline-block;
}
}