(jdan.github.io)

838 points bennettfeely | 1 comments | 21 Apr 20 23:51 UTC | HN request time: 0.281s | source

Show context

jannes ◴[22 Apr 20 10:04 UTC] No.22943965[source]▶

I noticed that it's using box-shadow for the "3d effect" on buttons and window borders.

I'm a bit disappointed they didn't use the "inset" or "outset" border-style [0] which pretty nobody uses anymore these days. I thought this kind of design is pretty much why these border-styles exist.

[0]: https://htmldog.com/references/css/properties/border-style/

replies(3): >>22944205 #>>22944516 #>>22945314 #

1. JansjoFromIkea ◴[22 Apr 20 11:42 UTC] No.22944516[source]▶

>>22943965 #

Having done one of these myself a while ago, box-shadow was the only way to get the pixelated border corners.

Here's the mixin I done https://github.com/padraigfl/packard-belle/blob/master/src/_...

↑

98.css – design system for building faithful recreations of Windows 98 UIs