diff --git a/static/scss/custom.scss b/static/scss/custom.scss index 5f00dc3f3c6a16c999ae9f64456e94b466d9e7e6..e44c6dcf01fe354254ea2e12ac276edbaafd26e0 100644 --- a/static/scss/custom.scss +++ b/static/scss/custom.scss @@ -87,7 +87,7 @@ body.reviews.voting-status { padding: 0; } -.has-bottom-aligned-div { +.homepage-block-content { position: relative; height: 100%; } @@ -103,24 +103,38 @@ body.reviews.voting-status { min-height: 480px; // TODO: change height: 480px; position: relative; + box-shadow: $box-shadow; + z-index: 3; } .homepage-block.light { - background-color: hsla(207, 60%, 85%, 1.0); + background-color: $background-filter; + z-index: 2; +} + +.homepage-block.white { + background-color: white; + z-index: 1; } .homepage-block-bg { top: 0; bottom: 0; width: 100%; + height: 100%; position: absolute; background-size: cover; background-position: center; opacity: 0.3; background-blend-mode: multiply; + z-index: -9999; } .homepage-block.dark { - background: #333; + background: $gray-base; color: white; } + +.navbar { + box-shadow: $box-shadow; +}