summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-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') {