From 74e7cbcd44fc8923740838b378f600d14be7e8ff Mon Sep 17 00:00:00 2001 From: i-shm Date: Tue, 18 Aug 2026 13:06:55 +0000 Subject: deploy: 410346c15dffdc48b6b8e6c04bdcb48bab48bd85 --- css/partials/profile.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) (limited to 'css/partials/profile.css') diff --git a/css/partials/profile.css b/css/partials/profile.css index e69de29b..68487866 100644 --- a/css/partials/profile.css +++ b/css/partials/profile.css @@ -0,0 +1,63 @@ +.profile { + margin-top: 20vh; + display: flex; + flex-direction: row-reverse; + align-items: center; +} +.profile .profile-content { + width: 50%; + margin: 0 $margin-l-0 0 0; +} +.profile .profile-content .profile-title { + margin-top: 0; + margin-bottom: $margin-m-0; +} +.profile .profile-content .profile-body { + margin-top: 0; + margin-bottom: $margin-m-1; + color: $color-text-secondary; +} +.profile .profile-content .profile-link { + margin-top: 0; + margin-bottom: $margin-m-1; + font-size: 0.9375rem; +} +.profile .profile-content .profile-link a { + text-decoration: underline; + text-underline-offset: 3px; + transition: color $transition-duration ease; +} +.profile .profile-content .profile-link a:hover { + color: $color-accent; +} +.profile .profile-image { + width: 50%; + display: flex; + align-items: center; + justify-content: center; +} +.profile .profile-image img { + max-width: 100%; + max-height: 35vh; + object-fit: contain; +} +@media (max-width: 480px) { + .profile { + flex-wrap: wrap; + align-items: flex-start; + margin-top: $margin-l-0; + } + .profile .profile-content { + width: 100%; + margin-top: $margin-m-0; + } + .profile .profile-content .profile-link { + font-size: 0.875rem; + } + .profile .profile-image { + width: 100%; + } + .profile .profile-image img { + max-height: 25vh; + } +} -- cgit v1.2.3