regluit/static/scss/comments.scss

70 lines
895 B
SCSS

@import "variables.scss";
.comments {
clear: both;
padding: 5px;
margin: 0 5px 8px 0;
//min-height: 105px;
width: 95%;
&.row1 {
background: #f6f9f9;
}
&.row2 {
background: #fff;
}
div {
float: left;
img {
margin: 0 5px;
}
}
.image img {
height: 100px;
}
// so div will stretch to height of content
&:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nonavatar {
width: 620px;
span {
padding-right: 5px;
&.text:before {
content: "\201C";
font-size: $font-size-larger;
font-weight: bold;
}
&.text:after {
content: "\201D";
font-size: $font-size-larger;
font-weight: bold;
}
}
}
.avatar {
float: right;
margin: 0 auto;
padding-top: 5px;
}
}
.official {
border: 3px #B8DDE0 solid;
margin-top: 3px;
margin-bottom: 5px;
padding-left: 2px;
}