From d45477e6d52380df53745efcb95e5a7fd3e6ae05 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Fri, 1 Aug 2014 15:19:31 +0200 Subject: [PATCH] Project-nav bg --- app/styles/dependencies/elements.scss | 5 +++++ app/styles/layout/base.scss | 2 +- app/styles/layout/invitation.scss | 3 +-- app/styles/modules/common/projects-nav.scss | 1 + 4 files changed, 8 insertions(+), 3 deletions(-) diff --git a/app/styles/dependencies/elements.scss b/app/styles/dependencies/elements.scss index 1524ba2b..921bef82 100644 --- a/app/styles/dependencies/elements.scss +++ b/app/styles/dependencies/elements.scss @@ -47,3 +47,8 @@ ol { list-style: decimal; } background: url('/images/bg.png') no-repeat center center; background-size: cover; } + +%backgound-taiga { + background: url('/images/invitation_bg.jpg') no-repeat center center; + background-size: cover; +} diff --git a/app/styles/layout/base.scss b/app/styles/layout/base.scss index f841a135..5675786e 100644 --- a/app/styles/layout/base.scss +++ b/app/styles/layout/base.scss @@ -48,7 +48,7 @@ body { .projects-nav-overlay { @include transform(translate3d(300px, 0, 0)); @include transition (all 1s ease); - opacity: .7; + opacity: .9; } } &.loading-project { diff --git a/app/styles/layout/invitation.scss b/app/styles/layout/invitation.scss index c22a169b..836aaccb 100644 --- a/app/styles/layout/invitation.scss +++ b/app/styles/layout/invitation.scss @@ -1,7 +1,6 @@ .invitation-main { @include table-flex(center, center, flex, row, wrap, center); - background: url('/images/invitation_bg.jpg') no-repeat center center; - background-size: cover; + @extend %backgound-taiga; bottom: 0; left: 0; position: fixed; diff --git a/app/styles/modules/common/projects-nav.scss b/app/styles/modules/common/projects-nav.scss index 49430079..a4c9d735 100644 --- a/app/styles/modules/common/projects-nav.scss +++ b/app/styles/modules/common/projects-nav.scss @@ -86,6 +86,7 @@ .projects-nav-overlay { @include transition (all 1s ease); + @extend %triangled-bg; background-color: $black; bottom: 0; display: none;