Project-nav bg
parent
10ced1fb19
commit
d45477e6d5
|
@ -47,3 +47,8 @@ ol { list-style: decimal; }
|
||||||
background: url('/images/bg.png') no-repeat center center;
|
background: url('/images/bg.png') no-repeat center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
%backgound-taiga {
|
||||||
|
background: url('/images/invitation_bg.jpg') no-repeat center center;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
|
@ -48,7 +48,7 @@ body {
|
||||||
.projects-nav-overlay {
|
.projects-nav-overlay {
|
||||||
@include transform(translate3d(300px, 0, 0));
|
@include transform(translate3d(300px, 0, 0));
|
||||||
@include transition (all 1s ease);
|
@include transition (all 1s ease);
|
||||||
opacity: .7;
|
opacity: .9;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.loading-project {
|
&.loading-project {
|
||||||
|
|
|
@ -1,7 +1,6 @@
|
||||||
.invitation-main {
|
.invitation-main {
|
||||||
@include table-flex(center, center, flex, row, wrap, center);
|
@include table-flex(center, center, flex, row, wrap, center);
|
||||||
background: url('/images/invitation_bg.jpg') no-repeat center center;
|
@extend %backgound-taiga;
|
||||||
background-size: cover;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
|
@ -86,6 +86,7 @@
|
||||||
|
|
||||||
.projects-nav-overlay {
|
.projects-nav-overlay {
|
||||||
@include transition (all 1s ease);
|
@include transition (all 1s ease);
|
||||||
|
@extend %triangled-bg;
|
||||||
background-color: $black;
|
background-color: $black;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in New Issue