This commit is contained in:
@@ -25,18 +25,22 @@ $post-input-bg: #ffffff;
|
||||
$post: $default;
|
||||
$post-hover: $default-hover;
|
||||
$post-bg: $default-bg;
|
||||
$post-bg-light: $default-bg-light;
|
||||
$post-bg-trans: $default-bg-trans;
|
||||
|
||||
$message: $main;
|
||||
$message-flashy: $flashy;
|
||||
$message-hover: color.adjust($message, $lightness: -10%, $space: hsl);
|
||||
$message-bg: color.adjust($message, $lightness: 60%, $space: hsl);
|
||||
$message-bg-light: color.adjust($message, $lightness: 70%, $alpha: -0.3, $space: hsl);
|
||||
$message-bg-light: color.adjust($message, $lightness: 65%, $space: hsl);
|
||||
$message-bg-trans: color.adjust($message, $lightness: 70%, $alpha: -0.3, $space: hsl);
|
||||
|
||||
$media: hsl(214, 45%, 27%);
|
||||
$media-flashy: hsl(193, 100%, 50%);
|
||||
$media-hover: color.adjust($media, $lightness: -10%, $space: hsl);
|
||||
$media-bg: color.adjust($media, $lightness: 60%, $space: hsl);
|
||||
$media-bg-light: color.adjust($media, $lightness: 70%, $alpha: -0.3, $space: hsl);
|
||||
$media-bg-light: color.adjust($media, $lightness: 65%, $space: hsl);
|
||||
$media-bg-trans: color.adjust($media, $lightness: 70%, $alpha: -0.3, $space: hsl);
|
||||
|
||||
//Over image colors
|
||||
$over-img: #DDD;
|
||||
|
||||
@@ -34,7 +34,7 @@ body.lb-disable-scrolling {
|
||||
|
||||
.lb-dataContainer {
|
||||
overflow: hidden;
|
||||
background-color: color.$media-bg-light;
|
||||
background-color: color.$media-bg-trans;
|
||||
|
||||
.lb-data {
|
||||
display: flex;
|
||||
|
||||
@@ -17,19 +17,19 @@
|
||||
|
||||
&.post {
|
||||
border-left-color: color.$post;
|
||||
background: color.$post-bg;
|
||||
background: color.$post-bg-light;
|
||||
color: color.$post;
|
||||
}
|
||||
|
||||
&.message {
|
||||
border-left-color: color.$message;
|
||||
background: color.$message-bg;
|
||||
background: color.$message-bg-light;
|
||||
color: color.$message;
|
||||
}
|
||||
|
||||
&.media {
|
||||
border-left-color: color.$media;
|
||||
background: color.$media-bg;
|
||||
background: color.$media-bg-light;
|
||||
color: color.$media;
|
||||
}
|
||||
|
||||
@@ -222,7 +222,7 @@
|
||||
}
|
||||
|
||||
.comment {
|
||||
background: color.$message-bg-light;
|
||||
background: color.$message-bg-trans;
|
||||
}
|
||||
|
||||
.weather {
|
||||
@@ -304,7 +304,7 @@
|
||||
|
||||
&.drill {
|
||||
.comment {
|
||||
background: color.$media-bg-light;
|
||||
background: color.$media-bg-trans;
|
||||
}
|
||||
|
||||
.drill-icon {
|
||||
|
||||
Reference in New Issue
Block a user