diff options
Diffstat (limited to 'assets')
| -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 | } |