diff options
author | Volpeon <git@volpeon.ink> | 2021-04-21 06:57:21 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-04-21 06:57:21 +0200 |
commit | 95e43bce69f2d743f87e06b12116ef4ed49507f3 (patch) | |
tree | e00739ce9f89de348e4dc8fed60b554ff76e0ae7 /assets/css | |
parent | Increase project grid gap (diff) | |
download | volpeon.ink-95e43bce69f2d743f87e06b12116ef4ed49507f3.tar.gz volpeon.ink-95e43bce69f2d743f87e06b12116ef4ed49507f3.tar.bz2 volpeon.ink-95e43bce69f2d743f87e06b12116ef4ed49507f3.zip |
Improved blobfox preview, added bunhd preview
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/components/_project.scss | 11 |
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 | } |