131 lines
2.5 KiB
SCSS
131 lines
2.5 KiB
SCSS
// discussion - thread layout
|
|
// ====================
|
|
|
|
// general thread layout
|
|
body.discussion, .discussion-module {
|
|
|
|
// post layout
|
|
.discussion-post {
|
|
padding: ($baseline*2) ($baseline*2) $baseline ($baseline*2);
|
|
border-radius: 3px 3px 0 0;
|
|
background-color: $white;
|
|
|
|
.post-header-content {
|
|
display: inline-block;
|
|
width: flex-grid(9,12);
|
|
}
|
|
|
|
.post-header-actions {
|
|
display: inline-block;
|
|
@include float(right);
|
|
vertical-align: middle;
|
|
width: flex-grid(3,12);
|
|
}
|
|
}
|
|
|
|
// response layout
|
|
.discussion-response {
|
|
min-height: ($baseline*7.5);
|
|
|
|
.username {
|
|
@include font-size(14);
|
|
@extend %t-weight5;
|
|
}
|
|
|
|
.posted-details .username {
|
|
font-size: inherit;
|
|
}
|
|
|
|
.response-header-content {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: flex-grid(9,12);
|
|
}
|
|
|
|
.response-header-actions {
|
|
width: flex-grid(3,12);
|
|
@include float(right);
|
|
}
|
|
}
|
|
|
|
// comments layout
|
|
.comments {
|
|
@extend %ui-no-list;
|
|
border-radius: 0 0 3px 3px;
|
|
background: $gray-l6;
|
|
box-shadow: 0 1px 3px -1px $shadow inset;
|
|
|
|
> li {
|
|
border-top: 1px solid $gray-l4;
|
|
padding: ($baseline/2) $baseline;
|
|
}
|
|
|
|
|
|
blockquote {
|
|
background: $gray-l4;
|
|
border-radius: 3px;
|
|
padding: ($baseline/4) ($baseline/2);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.comment-form {
|
|
@include clearfix;
|
|
|
|
.comment-form-input {
|
|
padding: ($baseline/4) ($baseline/2);
|
|
background-color: $white;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.discussion-submit-comment {
|
|
@include blue-button;
|
|
float: left;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.wmd-input {
|
|
height: 40px;
|
|
}
|
|
|
|
.discussion-errors {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.response-body {
|
|
display: inline-block;
|
|
margin-bottom: ($baseline/2);
|
|
width: flex-grid(10,12);
|
|
font-size: 13px;
|
|
|
|
p + p {
|
|
margin-top: 12px;
|
|
}
|
|
}
|
|
|
|
.comment-actions-list {
|
|
display: inline-block;
|
|
width: flex-grid(2,12);
|
|
vertical-align: top;
|
|
}
|
|
|
|
//TO-DO : clean up posted-details styling, currently reused by responses and comments
|
|
.posted-details {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.forum-thread-main-wrapper {
|
|
border-bottom: 1px solid $white; // Prevent collapsing margins
|
|
border-radius: 3px 3px 0 0;
|
|
background-color: $white;
|
|
}
|
|
|
|
body.discussion, .discussion-thread.expanded {
|
|
.forum-thread-main-wrapper {
|
|
box-shadow: 0 1px 3px $shadow;
|
|
}
|
|
}
|
|
|