darwintantuco / stylelint-8-point-grid Goto Github PK
View Code? Open in Web Editor NEWValidate CSS with 8-point grid guideline
License: MIT License
Validate CSS with 8-point grid guideline
License: MIT License
Is there any specific reason why border
property can not be ignored?
If it is possible in theory I could make a PR to support that ๐
Update regex, use ^
You can use PostCSS
to add custom properties. This plugin can't check custom properties. For example size
properties in postcss-short. You also don't have any logical CSS properties: margin-block
, margin-block-start
, margin-block-end
, margin-inline
, margin-inline-start
, margin-inline-end
, margin-start
, margin-end
and etc.
e.g.
width: calc(100% - 60px)
whitelist -> allowlist (api)
blacklist -> ignorelist
Please support stylelint 16.0.0, the big one
Now the code is in ESM instead of CommonJS
Very good
Stylelint team published docs to know how to migrate with ease.
No need to keep support to commons from now on.
Style lint 16 is not allowed in your package.json. remove this restriction to
Hi,
Adding support for CSS Logical Properties was previously mentioned in issue #28, but I feel a separate tracking issue is warranted, as logical properties are well-defined and widely supported, and the scope of that issue is much larger. Logical properties allow for spacing and layout to automatically adjust based on the writing system, and the number of logical properties (such as padding-inline-start
and margin-block-end
, which for English pages correspond to padding-left
and margin-bottom
) is similar to the exisiting number of positional properties.
The simplest option would be to add the logical properties corresponding to supported physical properties to the supportedCssProperties
array. If you like, I'd be happy to write up a pull request with the modifications and tests. Otherwise, let me know if you need more info.
We use rem
in our codebase instead of px
, which has a lot of benefits. To illustrate, 1rem
equals 16px
at a 16px
root font size. To align with the 8pt grid, we therefor need to use e.g. a base of 0.5
to make sure every rem
value is divisible by 0.5
, i.e. 0.5rem
=8px
, 1rem
=16px
, 1.5rem
=24px
etc. If we want, we can use a different font-size
between the marketing page and the application and the grid and stylelint config will scale automatically.
This was possible in 0.2.4, but 0.2.5 enforced that base
must be a multiple of 1
, breaking this use case. Is there a reason for that requirement?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.