From 3759fd137c3aa05145480e87ab87261fbbcc4ada Mon Sep 17 00:00:00 2001 From: Joe Carstairs Date: Tue, 12 May 2026 21:29:38 +0100 Subject: mkws processes css --- http/share/css/hcard.uppcss | 57 --------------------------------------------- 1 file changed, 57 deletions(-) delete mode 100644 http/share/css/hcard.uppcss (limited to 'http/share/css/hcard.uppcss') diff --git a/http/share/css/hcard.uppcss b/http/share/css/hcard.uppcss deleted file mode 100644 index 78f82b5..0000000 --- a/http/share/css/hcard.uppcss +++ /dev/null @@ -1,57 +0,0 @@ -.h-card div:has(img) { - width: 6rem; - height: 6rem; - margin-inline: auto; -} - -.h-card img { - width: 6rem; - height: 6rem; - border-radius: 1rem; - filter: contrast(1.25); -} - -.h-card div:has(img)::after { - /* Colour overlay */ - background-color: var(--colour-primary-80); - opacity: 0.3; - - /* Same size and shape as the img */ - border-radius: 1rem; - width: 6rem; - height: 6rem; - - /* Positioned on top of the img */ - display: block; - position: relative; - top: -6rem; - - /* A content value is needed to get the ::after to render */ - content: ""; -} - -@media (min-width: 36rem) { - .h-card { - grid-column: media-start / content-end; - display: grid; - grid-template-columns: subgrid; /** Subgrid of main column layout */ - grid-template-rows: min-content 1fr; - grid-template-areas: - "empty heading" - "photo text"; - column-gap: var(--spacing-block-sm); - } - - .h-card div:has(img) { - grid-area: photo; - margin-block-start: var(--spacing-block-sm); - } - - .h-card header { - grid-area: heading; - } - - .h-card__text { - grid-area: text; - } -} -- cgit v1.2.3