imba / imba/imba

bxs: outline should support inset, and suggestion to add bxs:stroke (inset) for 1px shadows

Open
#882 0 comments 0 reactions 0 assignees View on GitHub
feature
Dominant language
JavaScript
Stars
6.5k
Forks
183
Avg merge
4h 10m
Merged PRs (30d)
3

Description

Currently outline doesn't support inset from my experience.
It'd be great if it did.
```imba
css bxs: outline hue2 # >>> bxs:0 0 0 3px hue2
css bxs: outline hue2 inset # >>> bxs:0 0 0 3px hue2 inset
```

I also often use 1px box shadows in UI, so this would be handy as well.
```imba
css bxs: stroke hue1 # >>> bxs:0 0 0 1px hue1
css bxs: stroke hue1 inset # >>> bxs:0 0 0 1px hue1 inset
```
alternatively add a pixel argument to override outline width. it'd save few characters, but it would at least be more legible.
```imba
css bxs: outline hue2 1px # >>> bxs:0 0 0 1px hue2
css bxs: outline hue2 1px inset # >>> bxs:0 0 0 1px hue2 inset
```

Contributor guide

Open the contributing guide

Research direction

Start from the implementation of the bxs: outline syntax; no file or test is named in the issue. Compare the requested inset and 1px stroke or width forms with the shown box-shadow outputs, and consider which alternative is intended before defining done.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.