Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Unknown shorthand for block and inline combination #1

Closed
joelovasco opened this issue May 8, 2019 · 8 comments
Closed

Unknown shorthand for block and inline combination #1

joelovasco opened this issue May 8, 2019 · 8 comments
Assignees
Labels
bug Something isn't working

Comments

@joelovasco
Copy link

joelovasco commented May 8, 2019

Thanks for all your work on this plugin.
Finding two shorthands that do not seem to be supported.

export const physical2Prop = dir => [

[['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.

@jonathantneal
Copy link
Contributor

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.

@joelovasco
Copy link
Author

@jonathantneal thanks for looking into this!

@joelovasco
Copy link
Author

@jonathantneal found a couple of others for inset

[['top', inline.start[dir]], 'inset-start'],
[['bottom', inline.end[dir]], 'inset-end'],

@jonathantneal
Copy link
Contributor

I will make these changes as part of the 2.0.0 work.

@fregante
Copy link

fregante commented May 9, 2020

Were these fixed by 2.0.0?

@Jordan-Hall
Copy link
Contributor

@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

@Jordan-Hall
Copy link
Contributor

@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

@romainmenke
Copy link
Member

This was fixed as far as I can tell

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

5 participants