diff options
author | tdro <tdro@noreply.example.com> | 2023-08-26 20:47:35 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2023-08-26 21:50:13 -0400 |
commit | ff8fe1d95f50405b01087a9ca87bc274245d9232 (patch) | |
tree | 6851028024e6f09096741004777b4d3cfd343d21 /assets | |
parent | e34429e3b6b06c1109140a7175444e278ebafe15 (diff) | |
download | canory-ff8fe1d95f50405b01087a9ca87bc274245d9232.tar.gz canory-ff8fe1d95f50405b01087a9ca87bc274245d9232.tar.bz2 canory-ff8fe1d95f50405b01087a9ca87bc274245d9232.zip |
themes/default/layouts/_default/rss: Punt fallback image logic to figure object hybrid
Cleanup related rules
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/default.css | 60 |
1 files changed, 28 insertions, 32 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 80df489..5f1ed2b 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -181,7 +181,7 @@ li:target [role="doc-backlink"][href^="#fnref\:"], color: var(--warning) !important; } -:hover:not(a):not(s):not(img):not(summary):not(nav):not(abbr):not(form):not(code):not(mark):not(td):not(nav):not(p):not(tab-bar) { +:hover:not(a):not(s):not(span):not(img):not(summary):not(nav):not(abbr):not(form):not(code):not(mark):not(td):not(nav):not(p):not(object):not(tab-bar) { border-radius: 0.5rem; } @@ -425,22 +425,23 @@ blockquote footer { } video { + width: 100%; color: #000; border-radius: 0.5rem; background-color: #000; + vertical-align: middle; box-shadow: 0 0 3px #00000060; box-shadow: 0 0 3px var(--shadow); } -video:hover { - box-shadow: 0 0 14px #00000060; - box-shadow: 0 0 14px var(--shadow); -} - video[data-orientation="portrait"] { width: 50%; } +video:focus { + filter: brightness(100%); +} + video-container { display: block; text-align: center; @@ -531,6 +532,7 @@ main, details, summary, code-block, +figure span, diagram-container { display: block; } @@ -698,28 +700,24 @@ small { opacity: 0.85; } -audio, -canvas, -iframe, -img, -svg, -video { +canvas { vertical-align: middle; } -video, audio { width: 100%; -} - -audio { margin: 0.75rem 0; + vertical-align: middle; } figure { text-align: center; } +figure object { + pointer-events: none; +} + iframe { width: 1px; min-width: 100%; @@ -728,6 +726,8 @@ iframe { background-color: #fefefe; border-radius: 0.5rem; min-height: 16rem; + user-select: none; + vertical-align: middle; } self-embed iframe { @@ -735,7 +735,8 @@ self-embed iframe { max-height: 11rem; } -img { +img, +figure object { height: auto; max-width: 100%; border-width: 1px; @@ -749,32 +750,24 @@ img { justify-content: center; align-items: center; background-color: #fefefe; + user-select: none; + vertical-align: middle; } -img:hover { +img:hover, +video:hover, +figure span:hover { box-shadow: 0 0 14px #00000060; box-shadow: 0 0 14px var(--shadow); -} - -img:hover, -video:hover { filter: brightness(90%); } -video:focus { - filter: brightness(100%); -} - -img, -iframe { - user-select: none; -} - p { line-height: 1.4; } svg { + vertical-align: middle; stroke-width: 0.08rem; } @@ -1056,10 +1049,13 @@ micro-thumbnail figure { micro-thumbnail figure > a { display: block; + text-decoration: none; } tag-card figure img, -micro-thumbnail figure img { +micro-thumbnail figure img, +micro-thumbnail figure span, +micro-thumbnail figure object { border-radius: 100%; min-width: 3.5rem; min-height: 3.5rem; |