fraction.io
Version:
Your personalized community aggregator.
88 lines (74 loc) • 1.42 kB
text/less
@import "/packages/fraction-layout/variables.import.less";
.post {
background-color: white;
border-bottom: 1px solid #F9FAFB;
.media-body {
padding: 0.5rem;
border-left: 1px solid #EBEFF0;
border-right: 1px solid #EBEFF0;
}
&.upvoted {
border-color: @upvote-color;
.upvote {
color: @upvote-color;
}
}
&.downvoted {
border-color: @downvote-color;
.downvote {
color: @downvote-color;
}
}
a.title {
display: inline-block;
font-size: 1.1rem;
color: #303540;
font-weight: 500;
margin-top: 0.2rem;
&:visited {
color: hsl(210, 9%, 59%);
}
}
.postPoints, .postComments {
font-size: 1.1rem;
padding: 0.5rem;
margin-top: 0.2rem;
text-align: center;
width: 3rem;
color: hsl(212, 9%, 59%);
font-weight: 200;
i {
// no idea why this centers the icons
width: 0.8rem;
}
}
.media {
&>.postPoints {
margin-right: 0;
}
&>.postComments {
margin-left: 0;
}
}
.caption {
.caption-icon {
display: inline-block;
margin-right: 0.5rem;
}
&.author a {
color: hsl(212, 9%, 59%);
font-weight: 500;
border-bottom: none;
}
font-size: 1rem;
font-weight: 300;
color: @gray-color;
margin-bottom: 1px;
a {
color: hsl(210, 16%, 76%);
}
}
abbr {
border-bottom: none;
}
}