Unknown shorthand for block and inline combination
Closed this issue · 8 comments
Thanks for all your work on this plugin.
Finding two shorthands that do not seem to be supported.
stylelint-use-logical/lib/maps.js
Line 12 in 016c7d4
[['margin-top', `margin-${inline.start[dir]}`], 'margin-start'],
[['margin-bottom', `margin-${inline.end[dir]}`], 'margin-end'],
and
[['padding-top', `padding-${inline.start[dir]}`], 'padding-start'],
[['padding-bottom', `padding-${inline.end[dir]}`], 'padding-end']
Currently, these shorthand options are not in the current draft.
You are 100% correct, and I had never realized this, nor had anyone else brought this to my attention. In fact, I struggled to accept that I had even made such a mistake until I verified it in the current draft, the last draft, and the editor draft.
Worse yet, the PostCSS Logical Plugin is littered with transforms for properties ending with -start
and -end
.
The obvious solution is to remove the transforms and publish a breaking release for this plugin, and then to do the same for all of the others. This would potentially affect millions of weekly installs, so I can’t really comprehend its impact. As for this plugin, ceasing flags for potential -start
and -end
usage would be breaking but non-destructive.
Thank you. I’ll leave this open while I work on the fix, which may take some time.
@jonathantneal thanks for looking into this!
@jonathantneal found a couple of others for inset
[['top', inline.start[dir]], 'inset-start'],
[['bottom', inline.end[dir]], 'inset-end'],
I will make these changes as part of the 2.0.0 work.
Were these fixed by 2.0.0?
@jonathantneal I've added the full standard here https://github.com/Jordan-Hall/stylelint-use-logical. Do you want to take the PR so i can close my temporary npm package
@jonathantneal & @hacknug Is this still being maintained, I have another version now releasing along side and I've added a migration to move from unsupported logical to spec based
This was fixed as far as I can tell