search

jdan / 98.css

A design system for building faithful recreations of old UIs
https://jdan.github.io/98.css
MIT License
9.17k stars 301 forks source link

Border for images or other components #73

Open ahota opened 4 years ago

ahota commented 4 years ago

I'm not sure what to call this, but some windows would have an inset border for images or other components, similar to text areas. Here are a couple screenshots:

The test area in the bottom right: image

The image in the window behind the menus: image

This inset border is used for most windows that contain other items, like the file explorer or browser (also seen in the second image). Note that this is different from the Group Box border. It's actually the inverse of the regular window border; the highlight is bottom-right and shadow is top-left, since it's inset.

jdan commented 3 years ago

This is a great idea! Any thoughts on what a semantic tag name for this might be? (Is it a figure?)

We could definitely add an .inset or something but I always prefer to go with tag names if possible.