From b30fae500074f913e7e38ca99579365d1528f30f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 21 Apr 2021 09:49:41 +0200 Subject: Improved project appearance --- assets/css/components/_project.scss | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) (limited to 'assets') diff --git a/assets/css/components/_project.scss b/assets/css/components/_project.scss index 388d4b9..8aca759 100644 --- a/assets/css/components/_project.scss +++ b/assets/css/components/_project.scss @@ -11,11 +11,17 @@ &::before { content: ''; display: block; - padding-bottom: 20em; + padding-top: 12em; + padding-bottom: 25%; background-color: prop(--colors --bg); } - @include multi('element' 'picture') { + &::after { + content: ''; + background-image: linear-gradient(340deg, rgba(#000, .25) 5em, transparent 18em); + } + + @include multi('element' 'picture', '&::after') { display: block; position: absolute; z-index: 10; @@ -38,7 +44,7 @@ @include media('<=sm') { &::after { - background-image: linear-gradient(to top, rgba(#000, .85) 5em, transparent 100%); + background-image: linear-gradient(to top, rgba(#000, .25) 1em, transparent 11em); } @include element('card') { -- cgit v1.2.3-54-g00ecf