summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-04-21 06:57:21 +0200
committerVolpeon <git@volpeon.ink>2021-04-21 06:57:21 +0200
commit95e43bce69f2d743f87e06b12116ef4ed49507f3 (patch)
treee00739ce9f89de348e4dc8fed60b554ff76e0ae7 /assets/css/components
parentIncrease project grid gap (diff)
downloadvolpeon.ink-95e43bce69f2d743f87e06b12116ef4ed49507f3.tar.gz
volpeon.ink-95e43bce69f2d743f87e06b12116ef4ed49507f3.tar.bz2
volpeon.ink-95e43bce69f2d743f87e06b12116ef4ed49507f3.zip
Improved blobfox preview, added bunhd preview
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_project.scss11
1 files changed, 3 insertions, 8 deletions
diff --git a/assets/css/components/_project.scss b/assets/css/components/_project.scss
index 943bf68..388d4b9 100644
--- a/assets/css/components/_project.scss
+++ b/assets/css/components/_project.scss
@@ -15,12 +15,7 @@
15 background-color: prop(--colors --bg); 15 background-color: prop(--colors --bg);
16 } 16 }
17 17
18 &::after { 18 @include multi('element' 'picture') {
19 content: '';
20 background-image: linear-gradient(340deg, rgba(#000, .85) 5em, transparent 100%);
21 }
22
23 @include multi('element' 'picture', '&::after') {
24 display: block; 19 display: block;
25 position: absolute; 20 position: absolute;
26 z-index: 10; 21 z-index: 10;
@@ -38,7 +33,7 @@
38 right: 1em; 33 right: 1em;
39 bottom: 1em; 34 bottom: 1em;
40 min-width: 15em; 35 min-width: 15em;
41 box-shadow: 0 .3em 1em rgba(#000, .5); 36 box-shadow: 0 .3em 1em rgba(#000, .35);
42 } 37 }
43 38
44 @include media('<=sm') { 39 @include media('<=sm') {
@@ -47,7 +42,7 @@
47 } 42 }
48 43
49 @include element('card') { 44 @include element('card') {
50 left: 1em; 45 width: calc(100% - 2em);
51 min-width: 0; 46 min-width: 0;
52 } 47 }
53 } 48 }