Tool for transforming styles with JS plugins. 

Tool for transforming styles with JS plugins

postcss

import { RawSourceMap, SourceMapGenerator } from 'source-map-js'

import AtRule, { AtRuleProps } from './at-rule.js'

import Comment, { CommentProps } from './comment.js'

import Container, { ContainerProps } from './container.js'

import CssSyntaxError from './css-syntax-error.js'

import Declaration, { DeclarationProps } from './declaration.js'

import Document, { DocumentProps } from './document.js'

import Input, { FilePosition } from './input.js'

import LazyResult from './lazy-result.js'

import Result, { Message } from './result.js'

import Root, { RootProps } from './root.js'

import Rule, { RuleProps } from './rule.js'

import Warning, { WarningOptions } from './warning.js'

type RootProcessor = (root: Root, helper: postcss.Helpers) => Promise<void> | void

type RuleProcessor = (rule: Rule, helper: postcss.Helpers) => Promise<void> | void

type AtRuleProcessor = (atRule: AtRule, helper: postcss.Helpers) => Promise<void> | void

   * Will be called on all`AtRule` nodes.

   * Will be called again on node or children changes.

  AtRule?: { [name: string]: AtRuleProcessor } | AtRuleProcessor

   * Will be called on all `AtRule` nodes, when all children will be processed.

  AtRuleExit?: { [name: string]: AtRuleProcessor } | AtRuleProcessor

   * Will be called on all `Comment` nodes.

   * Will be called on all `Comment` nodes after listeners

   * Will be called on all `Declaration` nodes after listeners

  Declaration?: { [prop: string]: DeclarationProcessor } | DeclarationProcessor

   * Will be called on all `Declaration` nodes.

    | { [prop: string]: DeclarationProcessor }

   * Will be called again on children changes.

   * Will be called on `Document` node, when all children will be processed.

     * Function to generate AST by string.

parser?: Parser<RootNode> | Syntax<RootNode>

stringifier?: Stringifier | Syntax<RootNode>

     * The path where you'll put the output CSS file. You should always set `to`

   * Default function to convert a node tree into a CSS string.

   * Parses source css and returns a new `Root` or `Document` node,

   * which contains the source CSS nodes.

   * // Simple CSS concatenation with source map support

   * const root1 = postcss.parse(css1, { from: file1 })

   * const root2 = postcss.parse(css2, { from: file2 })

   * Rehydrate a JSON AST (from `Node#toJSON`) back into the AST classes.

   * // save to file, send by network, etc

   * const root2  = postcss.fromJSON(json)

   * @param defaults Properties for the new node.

  export function comment(defaults?: CommentProps): Comment

  export function atRule(defaults?: AtRuleProps): AtRule

  export function decl(defaults?: DeclarationProps): Declaration

   * @param default Properties for the new node.

  export function rule(defaults?: RuleProps): Rule

  export function root(defaults?: RootProps): Root

let NoWorkResult = require('./no-work-result')

let LazyResult = require('./lazy-result')

    this.plugins = this.normalize(plugins)

      if (typeof i === 'object' && Array.isArray(i.plugins)) {

        normalized = normalized.concat(i.plugins)

      } else if (typeof i === 'object' && i.postcssPlugin) {

      } else if (typeof i === 'function') {

      } else if (typeof i === 'object' && (i.parse || i.stringify)) {

        if (process.env.NODE_ENV !== 'production') {

            'PostCSS syntaxes cannot be used as plugins. Instead, please use ' +

              'one of the syntax/parser/stringifier options as outlined ' +

              'in your PostCSS runner documentation.'

        throw new Error(i + ' is not a PostCSS plugin')

      typeof opts.parser === 'undefined' &&

      typeof opts.stringifier === 'undefined' &&

      return new NoWorkResult(this, css, opts)

      return new LazyResult(this, css, opts)

    this.plugins = this.plugins.concat(this.normalize([plugin]))

  "description": "Tool for transforming styles with JS plugins",

    "./lib/container": "./lib/container.js",

    "./lib/css-syntax-error": "./lib/css-syntax-error.js",

    "./lib/declaration": "./lib/declaration.js",

    "./lib/fromJSON": "./lib/fromJSON.js",

    "./lib/lazy-result": "./lib/lazy-result.js",

    "./lib/no-work-result": "./lib/no-work-result.js",

    "./lib/map-generator": "./lib/map-generator.js",

    "./lib/previous-map": "./lib/previous-map.js",

    "./lib/processor": "./lib/processor.js",

    "./lib/stringifier": "./lib/stringifier.js",

    "./lib/stringify": "./lib/stringify.js",

    "./lib/terminal-highlight": "./lib/terminal-highlight.js",

    "./lib/tokenize": "./lib/tokenize.js",

    "./lib/warn-once": "./lib/warn-once.js",

      "url": "https://opencollective.com/postcss/"

      "url": "https://tidelift.com/funding/github/npm/postcss"

      "url": "https://github.com/sponsors/ai"

"author": "Andrey Sitnik <andrey@sitnik.ru>",

    "url": "https://github.com/postcss/postcss/issues"

<img align="right" width="95" height="95"

     alt="Philosopher’s stone, logo of PostCSS"

PostCSS is a tool for transforming styles with JS plugins.

These plugins can lint your CSS, support variables and mixins,

transpile future CSS syntax, inline images, and more.

PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba,

and JetBrains. The [Autoprefixer] and [Stylelint] PostCSS plugins is one of the most popular CSS tools.

<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Made in <a href="https://evilmartians.com/?utm_source=postcss&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a>, product consulting for developer tools.

<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" />  Made in <a href="https://evilmartians.com/devtools?utm_source=postcss&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a>, product consulting for developer tools.

[Abstract Syntax Tree]: https://en.wikipedia.org/wiki/Abstract_syntax_tree

[Evil Martians]:        https://evilmartians.com/?utm_source=postcss

[Autoprefixer]:         https://github.com/postcss/autoprefixer

[Stylelint]:            https://stylelint.io/

[plugins]:              https://github.com/postcss/postcss#plugins

Read full docs **[here](https://postcss.org/)**.

		@@ -312,3 +312,3 @@ import { RawSourceMap, SourceMapGenerator } from 'source-map-js'
		*/
		from?: string
		from?: string \| undefined

		@@ -315,0 +315,0 @@ /**

		@@ -10,3 +10,3 @@ 'use strict'
		constructor(plugins = []) {
		this.version = '8.4.31'
		this.version = '8.4.32'
		this.plugins = this.normalize(plugins)
		@@ -13,0 +13,0 @@ }

		{
		"name": "postcss",
		"version": "8.4.31",
		"version": "8.4.32",
		"description": "Tool for transforming styles with JS plugins",
		@@ -77,3 +77,3 @@ "engines": {
		"dependencies": {
		"nanoid": "^3.3.6",
		"nanoid": "^3.3.7",
		"picocolors": "^1.0.0",
		@@ -80,0 +80,0 @@ "source-map-js": "^1.0.2"

		@@ -16,3 +16,3 @@ # PostCSS

		<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" /> Made in <b><a href="https://evilmartians.com/?utm_source=postcss&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, product consulting for <b>developer tools</b>.
		<img src="https://cdn.evilmartians.com/badges/logo-no-label.svg" alt="" width="22" height="16" /> Made in <b><a href="https://evilmartians.com/devtools?utm_source=postcss&utm_campaign=devtools-button&utm_medium=github">Evil Martians</a></b>, product consulting for <b>developer tools</b>.

		@@ -19,0 +19,0 @@ ---

Improved metrics

Dependency changes