summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-04-21 09:49:41 +0200
committerVolpeon <git@volpeon.ink>2021-04-21 09:49:41 +0200
commitb30fae500074f913e7e38ca99579365d1528f30f (patch)
tree692b9aa1b3651888f5329e21ecc41d419a6e2565
parentMake whole project clickable instead of just the card within (diff)
downloadvolpeon.ink-b30fae500074f913e7e38ca99579365d1528f30f.tar.gz
volpeon.ink-b30fae500074f913e7e38ca99579365d1528f30f.tar.bz2
volpeon.ink-b30fae500074f913e7e38ca99579365d1528f30f.zip
Improved project appearance
-rw-r--r--assets/css/components/_project.scss12
1 files changed, 9 insertions, 3 deletions
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 @@
11 &::before { 11 &::before {
12 content: ''; 12 content: '';
13 display: block; 13 display: block;
14 padding-bottom: 20em; 14 padding-top: 12em;
15 padding-bottom: 25%;
15 background-color: prop(--colors --bg); 16 background-color: prop(--colors --bg);
16 } 17 }
17 18
18 @include multi('element' 'picture') { 19 &::after {
20 content: '';
21 background-image: linear-gradient(340deg, rgba(#000, .25) 5em, transparent 18em);
22 }
23
24 @include multi('element' 'picture', '&::after') {
19 display: block; 25 display: block;
20 position: absolute; 26 position: absolute;
21 z-index: 10; 27 z-index: 10;
@@ -38,7 +44,7 @@
38 44
39 @include media('<=sm') { 45 @include media('<=sm') {
40 &::after { 46 &::after {
41 background-image: linear-gradient(to top, rgba(#000, .85) 5em, transparent 100%); 47 background-image: linear-gradient(to top, rgba(#000, .25) 1em, transparent 11em);
42 } 48 }
43 49
44 @include element('card') { 50 @include element('card') {