Gradient in parallax; Placeholder

This commit is contained in:
James Barnsley
2017-07-24 09:09:13 +12:00
parent bde12b7673
commit 6066d229f0
4 changed files with 68 additions and 62 deletions

View File

@ -62,25 +62,9 @@
height: 50vh;
width: 100%;
overflow: hidden;
background: $darkest_grey;
background: $dark_grey;
position: relative;
&:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9;
pointer-events: none;
background: -webkit-linear-gradient(rgba(38,39,40,0), rgba(38,39,40,1));
background: -moz-linear-gradient(rgba(38,39,40,0),rgba(38,39,40,1));
background: -o-linear-gradient(rgba(38,39,40,0),rgba(38,39,40,1));
background: linear-gradient(rgba(38,39,40,0),rgba(38,39,40,1));
}
canvas {
width: 110%;
height: 110%;
@ -90,7 +74,7 @@
left: -5%;
&.loaded {
opacity: 0.8;
opacity: 1;
}
}

View File

@ -337,7 +337,7 @@
padding-left: 78px !important;
}
.list-item:not(.can-sort){
padding-left: 42px !important;
padding-left: 46px !important;
}
}
}

View File

@ -47,7 +47,7 @@
margin-right: 25px;
font-size: 15px;
font-weight: 500;
border-bottom: 1px solid transparent;
border-bottom: 2px solid transparent;
cursor: pointer;
&.active {
@ -100,7 +100,9 @@
h1 {
@include clearfix();
padding: 12vw 10px 0 0;
padding: 15vw 10px 0;
font-size: 3rem;
line-height: 3rem;
}
.actions {