simplify @mention CSS, add $quote-background color

This commit is contained in:
Jeff Atwood 2013-07-30 15:27:42 -07:00
parent 2c1326f89b
commit 81de7dc0af
3 changed files with 10 additions and 10 deletions

View File

@ -219,8 +219,8 @@ form {
blockquote {
/* 13px left is intentional here to properly align with post quotes */
padding: 10px 8px 1px 13px;
background-color: #f1f1f1;
border-left: 5px solid #dddddd;
background-color: $quote-background;
border-left: 5px solid darken($quote-background, 20%);
p {
margin: 0 0 10px 0;
}

View File

@ -155,11 +155,9 @@
}
}
a.mention, .ac-wrap .item span {
@include border-radius-all(5px);
@include linear-gradient(lighten($light_gray, 10%), $light_gray);
border: 1px solid $gray;
color: $darkish_gray;
padding: 1px 2px;
@include border-radius-all(6px);
color: $quote-background;
padding: 1px 5px;
}
a.mention {
cursor: pointer;
@ -187,19 +185,19 @@
// When we are quoting something
aside.quote {
border-left: 5px solid #d7d7d7;
border-left: 5px solid darken($quote-background, 20%);
margin-top: 14px;
font-size: 14px;
line-height: 20px;
padding-left: 5px;
background-color: #f1f1f1;
background-color: $quote-background;
overflow: hidden;
&:nth-of-type(1) {
margin: 0;
}
.title {
padding: 8px 8px 0px;
background-color: #f1f1f1;
background-color: $quote-background;
a,
.avatar {
margin-right: 4px;

View File

@ -155,6 +155,8 @@ $link_color: darken($blue, 10%);
$muted-link-color: #999;
$muted-important-link-color: #5d5d5d;
$quote-background: #f1f1f1;
// Colors based on basics
$topicMenuColor: darken($white, 80%);