Adrian Roselli on Nostr: I can set the start position of a CSS `linear-gradient` with an angle, a starting ...
I can set the start position of a CSS `linear-gradient` with an angle, a starting position & direction, or a rotation from 0,0.
Is there a logical property value to set the start position / edge instead?
Like `inset-inline-start` to start from the left in LTR languages but from the right in RTL langs?
I want:
```
background:
linear-gradient(
inset-inline-start,
transparent 0%,
transparent calc(100% - 0.1em),
#f00 calc(100% - 0.1em),
#f00 100%
);
```
#CSS #i18n
Published at
2024-08-17 21:40:31Event JSON
{
"id": "d72f51e123f41b4ce30768abc9ee4ec16eb44dd650faece75ae1a19cb454b608",
"pubkey": "7e72a9e116902990cb1f9173e4bd7d1b65a86e0420cd97e82f540d2829413609",
"created_at": 1723930831,
"kind": 1,
"tags": [
[
"t",
"f00"
],
[
"t",
"css"
],
[
"t",
"i18n"
],
[
"proxy",
"https://toot.cafe/users/aardrian/statuses/112979530942876222",
"activitypub"
]
],
"content": "I can set the start position of a CSS `linear-gradient` with an angle, a starting position \u0026 direction, or a rotation from 0,0.\n\nIs there a logical property value to set the start position / edge instead?\n\nLike `inset-inline-start` to start from the left in LTR languages but from the right in RTL langs?\n\nI want:\n\n```\nbackground:\n linear-gradient(\n inset-inline-start,\n transparent 0%,\n transparent calc(100% - 0.1em),\n #f00 calc(100% - 0.1em),\n #f00 100%\n );\n\n```\n\n#CSS #i18n",
"sig": "1da1be96d5057cda5ebafaa5304cd43b428f62c9b8e13d4b6e363c1fc84d92f897a0dafb1709ac26053fe466ff2811aaf6a9ac5160288b8454f1c2f54d4aa2d2"
}