DangerousThings/dt-design-system
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply inner bevel clip-path to model-viewer and iframe elements

Browse Source 
Extend the .dt-bevel-media inner clip-path selector to cover
model-viewer and iframe children, matching the existing treatment
for img and video. Without this, 3D viewers and embedded video
iframes filled edge-to-edge and covered the neon bevel border.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
michael
2026-03-11 13:26:48 -07:00
parent 36420868f5
commit 766266b799
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/components/bevels.css
View File

@@ -381,7 +381,9 @@
} }
.dt-bevel-media > img, .dt-bevel-media > img,
.dt-bevel-media > video { .dt-bevel-media > video,
.dt-bevel-media > model-viewer,
.dt-bevel-media > iframe {
display: block; display: block;
clip-path: polygon( clip-path: polygon(
calc(var(--bevel-md) + 1px) 3px, calc(var(--bevel-md) + 1px) 3px,