IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: switch to lighter grey for all quotes

Browse Source
This commit is contained in:
Jeff Atwood 2015-05-22 02:11:18 -07:00
parent 9e74f232e0
commit 42a8e742f8
4 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/base/discourse.scss
View File

@ -27,8 +27,8 @@ small {
blockquote {
background-color: scale-color-diff();
border-left: 5px solid darken(scale-color-diff(), 10%);
background-color: dark-light-diff($primary, $secondary, 97%, -45%);
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
overflow: hidden;
clear: both;
}

4
app/assets/stylesheets/common/base/onebox.scss
View File

@ -148,8 +148,8 @@ aside.onebox .onebox-body .onebox-avatar {
blockquote {
aside.onebox {
background: darken(scale-color-diff(), 5%);
border-left: 5px solid darken(scale-color-diff(), 12%);
background: dark-light-diff($primary, $secondary, 97%, -45%);
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
}
}

5
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -50,12 +50,11 @@ aside.quote {
.badge-wrapper { margin-left: 5px; }
.title {
border-left: 5px solid darken(scale-color-diff(), 10%);
background-color: scale-color-diff();
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
color: scale-color($primary, $lightness: 30%);
// IE will screw up the blockquote underneath if bottom padding is 0px
padding: 12px 12px 1px 12px;
/* blockquote is underneath this and has top margin */
// blockquote is underneath this and has top margin
.avatar { margin-right: 7px; }
img { margin-top: -4px; }
@include unselectable;

6
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -629,14 +629,14 @@ blockquote {
.quote {
&>blockquote {
.onebox-result {
background-color: scale-color-diff();
background-color: dark-light-diff($primary, $secondary, 97%, -45%);
}
}
aside {
.quote, .title, blockquote, .onebox, .onebox-result {
background: darken(scale-color-diff(), 5%);
border-left: 5px solid darken(scale-color-diff(), 12%);
background: dark-light-diff($primary, $secondary, 97%, -45%);
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
}
aside.quote>blockquote, aside.quote>.title {