From 2b9f64d6e52fdfe3227ccd4ae2b447765bcffc54 Mon Sep 17 00:00:00 2001 From: Mylloon Date: Mon, 16 Oct 2023 11:12:22 +0200 Subject: [PATCH] add arrow in top right corner for cards --- static/css/portfolio.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/static/css/portfolio.css b/static/css/portfolio.css index 1ef0677..83fdb80 100644 --- a/static/css/portfolio.css +++ b/static/css/portfolio.css @@ -68,6 +68,17 @@ div h3 { margin-block: 0; } +div h3::after { + content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 24 24' fill='none' %3E%3Cpath d='M21 3h-6m6 0l-9 9m9-9v6' stroke='currentColor' %3E%3C/path%3E%3Cpath d='M21 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h6' stroke='currentColor' %3E%3C/path%3E%3C/svg%3E"); + float: right; +} + +@media (prefers-color-scheme: dark) { + div h3::after { + filter: invert(80%); + } +} + /* Element description */ span { margin: auto;