Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Darken asides on a dark theme. Create a mixin to DRY things up.

This commit is contained in:
Robin Ward 2015-08-19 13:27:17 -04:00
parent e2c9e11dd9
commit 54c0bea294
5 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -32,8 +32,7 @@ small {
blockquote {
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
background-color: dark-light-diff($primary, $secondary, 97%, -65%);
@include post-aside;
overflow: hidden;
clear: both;
}

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

@ -11,10 +11,10 @@ a.loading-onebox {
.onebox-result {
@include post-aside;
margin-top: 15px;
padding: 12px 25px 12px 12px;
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
background-color: dark-light-diff($primary, $secondary, 97%, -65%);
font-size: 1em;
> .source {
margin-bottom: 12px;
@ -88,9 +88,9 @@ a.loading-onebox {
}
aside.onebox {
@include post-aside;
padding: 12px 25px 12px 12px;
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
background-color: dark-light-diff($primary, $secondary, 97%, -65%);
font-size: 1em;
header {
@ -147,8 +147,7 @@ aside.onebox .onebox-body .onebox-avatar {
blockquote {
aside.onebox {
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
background-color: dark-light-diff($primary, $secondary, 97%, -65%);
@include post-aside;
}
}

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

@ -50,8 +50,8 @@ aside.quote {
.badge-wrapper { margin-left: 5px; }
.title {
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
background-color: dark-light-diff($primary, $secondary, 97%, -65%);
@include post-aside;
color: scale-color($primary, $lightness: 30%);
// IE will screw up the blockquote underneath if bottom padding is 0px
padding: 12px 12px 1px 12px;

7
app/assets/stylesheets/common/foundation/mixins.scss
View File

@ -93,3 +93,10 @@
-moz-user-select: none;
-ms-user-select: none;
}
// Stuff we repeat
@mixin post-aside {
border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -85%);
background-color: dark-light-diff($primary, $secondary, 97%, -75%);
}

1
app/assets/stylesheets/common/foundation/variables.scss
View File

@ -19,6 +19,7 @@ $twitter: #00bced !default;
$yahoo: #810293 !default;
$github: #6d6d6d !default;
// Fonts
// --------------------------------------------------