mirror of
https://github.com/ENSL/ensl.org.git
synced 2025-01-21 00:40:58 +00:00
5487854a6c
Added new ISO country code flag icons to asset pipeline Lots and lots of new style changes Began converting to JS to coffeescript
79 lines
1.4 KiB
SCSS
79 lines
1.4 KiB
SCSS
.comment {
|
|
$comment-gutter: 1.4em;
|
|
$comment-image-padding: .7em;
|
|
$comment-image-width: 4em;
|
|
$comment-color: $base-font-color;
|
|
$comment-background: lighten($base-accent-color, 15);
|
|
$comment-detail-color: transparentize($comment-color, .5);
|
|
$comment-image-vert-alignment: top;
|
|
|
|
display: table;
|
|
width: 100%;
|
|
margin-bottom: $base-line-height;
|
|
padding-bottom: 1em;
|
|
border-bottom: 1px solid transparentize($comment-color, .9);
|
|
|
|
.comment-image,
|
|
.comment-content {
|
|
display: table-cell;
|
|
vertical-align: $comment-image-vert-alignment;
|
|
}
|
|
|
|
.comment-image {
|
|
padding-right: $comment-gutter;
|
|
|
|
> img {
|
|
width: $comment-image-width;
|
|
height: auto;
|
|
border-radius: $base-border-radius;
|
|
padding: $comment-image-padding;
|
|
background: $comment-background;
|
|
display: block;
|
|
max-width: none;
|
|
}
|
|
|
|
.comment-reverse-order & {
|
|
padding-right: 0;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
.comment-content {
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
h1 {
|
|
font-size: 1em;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
a.user,
|
|
a.team {
|
|
display: inline-block;
|
|
}
|
|
|
|
a.user {
|
|
margin-right: em(10);
|
|
}
|
|
|
|
a.team {
|
|
margin-left: em(10);
|
|
}
|
|
|
|
p {
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
p.comment-detail {
|
|
font-style: italic;
|
|
font-size: .9em;
|
|
color: $comment-detail-color;
|
|
}
|
|
|
|
.controls {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
}
|
|
}
|