normalize topic post first element top-margins:0

This commit is contained in:
Jeff Atwood 2015-01-12 02:24:06 -08:00
parent 8e6f7521ec
commit 84286fb501
5 changed files with 20 additions and 26 deletions

View File

@ -140,3 +140,12 @@ div.ac-wrap {
top: 20%;
}
}
// this removes the topmost margin from the first element in the topic post
// if we don't do this, all posts would have extra space at the top
#wmd-preview > *:first-child {
margin-top: 0;
}
.cooked > *:first-child {
margin-top: 0;
}

View File

@ -173,3 +173,12 @@ kbd
* * { display: none; }
}
// we assume blockquotes have their own margins, so all blockquotes
// will remove margins from first (top) and last (bottom) child elements
blockquote > *:first-child {
margin-top: 0 !important;
}
blockquote > *:last-child {
margin-bottom: 0 !important;
}

View File

@ -349,11 +349,6 @@
bottom: 48px;
top: 50px;
// this removes the topmost margin;
// if we don't have this, all posts would have extra space at the top
#wmd-preview > *:first-child {
margin-top: 0 !important;
}
#wmd-input, #wmd-preview-scroller, #wmd-preview {
box-sizing: border-box;

View File

@ -243,8 +243,8 @@ nav.post-controls {
}
.topic-avatar {
width: 45px;
padding-left: 15px;
padding-left: 15px;
padding-top: 0;
}
// bottom means "reply expansion" below a post
@ -646,16 +646,6 @@ blockquote {
a.mention {background: darken(scale-color-diff(), 10%);}
}
// we assume blockquotes have their own margins, so all blockquotes
// will remove margins from first (top) and last (bottom) child elements
blockquote > *:first-child {
margin-top: 0 !important;
}
blockquote > *:last-child {
margin-bottom: 0 !important;
}
/* quotes with attribution */
.quote {
&>blockquote {

View File

@ -423,15 +423,6 @@ blockquote {
margin-right: 0;
}
// we assume blockquotes have their own margins, so all blockquotes
// will remove margins from first (top) and last (bottom) child elements
blockquote > *:first-child {
margin-top: 0 !important;
}
blockquote > *:last-child {
margin-bottom: 0 !important;
}
.gutter { display: none; }
.posts-wrapper { position: relative; }