From 70f57f4742825abef07d33a72a8d4b149eb038b6 Mon Sep 17 00:00:00 2001 From: Eltrac Date: Mon, 24 Mar 2025 13:02:23 +0800 Subject: feat: add card section and card shortcode Former-commit-id: 416d8329d1fc766aeb9281ed6c209422e5aab03d --- assets/css/components/_shortcodes.scss | 38 ++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) (limited to 'assets/css/components') diff --git a/assets/css/components/_shortcodes.scss b/assets/css/components/_shortcodes.scss index 92ed9fbf..3ad7387a 100644 --- a/assets/css/components/_shortcodes.scss +++ b/assets/css/components/_shortcodes.scss @@ -200,3 +200,41 @@ a.blog-link img { .sidenote-content { font-size: 1rem } + +/* card */ + +.card { + border: 1px solid rgba(0,0,0,0.05); + border-radius: 2px; + padding: 1rem; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); + background-color: #fff; + margin: 1rem 0; + + position: relative; + .card-corner { + position: absolute; + top: 0; + right: 0; + width: 50px; + height: 50px; + background: linear-gradient(-45deg, #f8f8f8 50%, #ddd 50%); + clip-path: polygon(100% 0, 0 0, 100% 100%); + } +} + +.card-tags { + margin: 0; + font-size: 1rem; + a { + text-decoration: none + } +} + +.card-title { + margin: 0; +} + +.card-content { + font-size: 1.05rem; +} -- cgit v1.2.3