KC's Workspace
    Preparing search index...

    Represents the source CSS.

    const root  = postcss.parse(css, { from: file })
    const input = root.source.input
    Index

    Constructors

    Properties

    css: string

    Input CSS source.

    const input = postcss.parse('a{}', { from: file }).input
    input.css //=> "a{}"
    document: string

    Input source with support for non-CSS documents.

    const input = postcss.parse('a{}', { from: file, document: '<style>a {}</style>' }).input
    input.document //=> "<style>a {}</style>"
    input.css //=> "a{}"
    file?: string

    The absolute path to the CSS source file defined with the from option.

    const root = postcss.parse(css, { from: 'a.css' })
    root.source.input.file //=> '/home/ai/a.css'
    hasBOM: boolean

    The flag to indicate whether or not the source code has Unicode BOM.

    id?: string

    The unique ID of the CSS source. It will be created if from option is not provided (because PostCSS does not know the file path).

    const root = postcss.parse(css)
    root.source.input.file //=> undefined
    root.source.input.id //=> "<input css 8LZeVF>"

    The input source map passed from a compilation step before PostCSS (for example, from Sass compiler).

    root.source.input.map.consumer().sources //=> ['a.sass']
    

    Accessors

    • get from(): string

      The CSS source identifier. Contains Input#file if the user set the from option, or Input#id if they did not.

      const root = postcss.parse(css, { from: 'a.css' })
      root.source.input.from //=> "/home/ai/a.css"

      const root = postcss.parse(css)
      root.source.input.from //=> "<input css 1>"

      Returns string

    Methods

    • Returns CssSyntaxError with information about the error and its position.

      Parameters

      • message: string
      • start: { column: number; line: number } | { offset: number }
      • end: { column: number; line: number } | { offset: number }
      • Optionalopts: { plugin?: string }

      Returns CssSyntaxError_

    • Returns CssSyntaxError with information about the error and its position.

      Parameters

      • message: string
      • line: number
      • column: number
      • Optionalopts: { plugin?: string }

      Returns CssSyntaxError_

    • Returns CssSyntaxError with information about the error and its position.

      Parameters

      • message: string
      • offset: number
      • Optionalopts: { plugin?: string }

      Returns CssSyntaxError_

    • Converts source line and column to offset.

      Parameters

      • line: number

        Source line.

      • column: number

        Source column.

      Returns number

      Source offset.

    • Converts source offset to line and column.

      Parameters

      • offset: number

        Source offset.

      Returns { col: number; line: number } | null

    • Reads the input source map and returns a symbol position in the input source (e.g., in a Sass file that was compiled to CSS before being passed to PostCSS). Optionally takes an end position, exclusive.

      root.source.input.origin(1, 1) //=> { file: 'a.css', line: 3, column: 1 }
      root.source.input.origin(1, 1, 1, 4)
      //=> { file: 'a.css', line: 3, column: 1, endLine: 3, endColumn: 4 }

      Parameters

      • line: number

        Line for inclusive start position in input CSS.

      • column: number

        Column for inclusive start position in input CSS.

      • OptionalendLine: number

        Line for exclusive end position in input CSS.

      • OptionalendColumn: number

        Column for exclusive end position in input CSS.

      Returns false | FilePosition

      Position in input source.

    • Converts this to a JSON-friendly object representation.

      Returns object