LBRYFoundation/lbry.com
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry.com.git synced 2025-09-05 05:15:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update _cover.scss

Browse source
This commit is contained in:
Reilly Smith 2017-12-06 15:10:33 -08:00 • committed by GitHub
parent f12633d0a5
commit 1747842de8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 30 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
web/scss/_cover.scss
View file

@ -1,5 +1,7 @@
@import "global";
$text-shadow-cover-title: 0 0 6px rgba(0, 0, 0, 0.8);
.cover {
width: 100%;
background-size: cover;
@ -24,11 +26,19 @@
.cover-title, .cover-subtitle
{
&:not(.cover-title-flat)
&:not(.cover-title-flat):not(.cover-item--outline)
{
text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
text-shadow: $text-shadow-cover-title;
}
}
.cover-item--outline {
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000,
$text-shadow-cover-title;
}
@media (min-width:$width-laptop-min) and (max-width: $width-laptop-max) {
.cover { padding: $spacing-vertical $spacing-vertical * 1.5; }
@ -70,6 +80,23 @@
color: #333;
.cover-title { color: #000; }
}
.cover--dark-overlay {
position: relative;
z-index: 0;
&:before {
position: absolute;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.2);
z-index: 1;
content: ' ';
display: block;
}
.content {
position: relative;
z-index: 2;
}
}
.cover-dark-grad
{
//@include linear-gradient(darken($color-primary, 5), lighten($color-primary, 5));
@ -85,4 +112,4 @@
{
font-style: italic;
line-height: 1.8;
}
}