Comments (4)
This plugin is more an optimizer.
What you want is more linting. So maybe you can check stylelint (if there is a rule that can make you happy) or you can add very simple plugin to check that there is no "calc(" at all in your stylesheets. Should take 3 or 4 lines.
from postcss-calc.
I disagree that this is a linting issue. You need to compile the code in order to check this accurately as the way the code gets compiled directly affects if this error would be thrown or not (a trivial example being sass style variables). The alternative is linting your compiled code which doesn't make any sense.
from postcss-calc.
PostCSS works on an AST, so you can pipe a plugin right after this one to check what you want even before the end of the "compilation" (stringify the AST to real CSS).
Anyway, feel free to make a PR for this if you want. PR are always welcome :)
from postcss-calc.
FYI: this plugin does not "resolve" calc(), but "reduce them".
Example: calc(calc(calc(1rem * 0.75) * 1.5) - 1px)
will give you calc(1.125rem - 1px)
. Is this resolved? :)
from postcss-calc.
Related Issues (20)
- Direct CSS input HOT 2
- 3-level deep var()s inside a calc() throw an error HOT 3
- Compile wrong with CSS custom properties
- wrong/insufficient reduction HOT 2
- Support min, max, clamp HOT 2
- Simple var multiplication breaks HOT 5
- Space between multiplication and division operators is clamped with custom properties HOT 3
- Move postcss to peerDependencies HOT 2
- error compiling valid calc expression
- FATAL Nuxt build error HOT 1
- Floating number with unknown unit can't be parsed HOT 3
- Fails with SCSS variables HOT 2
- "ParserError: Syntax Error" with negative multiplication and vars HOT 4
- Please do not calculate the percentage in calc()
- ChainAlert: npm version 8.1.0 has new or changed maintainer HOT 2
- [Bug]: repository not shown on npmjs.com
- [Bug]: `calc` disappears if extra pair of parentheses around the argument
- [Bug]: Remove duplicate repository field in package.json
- [Feature Request]: Support for `min()` and `max()` HOT 1
- [Bug]: Lexical error on line ... : Unrecognized text.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from postcss-calc.