index.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /**
  2. * Module dependencies.
  3. */
  4. var reduceCSSCalc = require("reduce-css-calc")
  5. var helpers = require("postcss-message-helpers")
  6. var postcss = require("postcss")
  7. var CONTAINS_CALC = /\bcalc\([\s\S]*?\)/
  8. /**
  9. * PostCSS plugin to reduce calc() function calls.
  10. */
  11. module.exports = postcss.plugin("postcss-calc", function(options) {
  12. options = options || {}
  13. var precision = options.precision
  14. var preserve = options.preserve
  15. var warnWhenCannotResolve = options.warnWhenCannotResolve
  16. var mediaQueries = options.mediaQueries
  17. var selectors = options.selectors
  18. return function(style, result) {
  19. function transformValue(node, property) {
  20. var value = node[property]
  21. if (!value || !CONTAINS_CALC.test(value)) {
  22. return
  23. }
  24. helpers.try(function transformCSSCalc() {
  25. var reducedValue = reduceCSSCalc(value, precision)
  26. if (warnWhenCannotResolve && CONTAINS_CALC.test(reducedValue)) {
  27. result.warn("Could not reduce expression: " + value,
  28. {plugin: "postcss-calc", node: node})
  29. }
  30. if (!preserve) {
  31. node[property] = reducedValue
  32. return
  33. }
  34. if (reducedValue != value) {
  35. var clone = node.clone()
  36. clone[property] = reducedValue
  37. node.parent.insertBefore(node, clone)
  38. }
  39. }, node.source)
  40. }
  41. style.walk(function(rule) {
  42. if (mediaQueries && rule.type === "atrule") {
  43. return transformValue(rule, "params")
  44. }
  45. else if (rule.type === "decl") {
  46. return transformValue(rule, "value")
  47. }
  48. else if (selectors && rule.type === "rule") {
  49. return transformValue(rule, "selector")
  50. }
  51. })
  52. }
  53. })