You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
2.4 KiB
107 lines
2.4 KiB
2 years ago
|
import Container, { ContainerProps } from './container.js'
|
||
|
|
|
||
|
|
interface AtRuleRaws extends Record<string, unknown> {
|
||
|
|
/**
|
||
|
|
* The space symbols before the node. It also stores `*`
|
||
|
|
* and `_` symbols before the declaration (IE hack).
|
||
|
|
*/
|
||
|
|
before?: string
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The space symbols after the last child of the node to the end of the node.
|
||
|
|
*/
|
||
|
|
after?: string
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The space between the at-rule name and its parameters.
|
||
|
|
*/
|
||
|
|
afterName?: string
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The symbols between the last parameter and `{` for rules.
|
||
|
|
*/
|
||
|
|
between?: string
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Contains `true` if the last child has an (optional) semicolon.
|
||
|
|
*/
|
||
|
|
semicolon?: boolean
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The rule’s selector with comments.
|
||
|
|
*/
|
||
|
|
params?: {
|
||
|
|
value: string
|
||
|
|
raw: string
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface AtRuleProps extends ContainerProps {
|
||
|
|
/** Name of the at-rule. */
|
||
|
|
name: string
|
||
|
|
/** Parameters following the name of the at-rule. */
|
||
|
|
params?: string | number
|
||
|
|
/** Information used to generate byte-to-byte equal node string as it was in the origin input. */
|
||
|
|
raws?: AtRuleRaws
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Represents an at-rule.
|
||
|
|
*
|
||
|
|
* ```js
|
||
|
|
* Once (root, { AtRule }) {
|
||
|
|
* let media = new AtRule({ name: 'media', params: 'print' })
|
||
|
|
* media.append(…)
|
||
|
|
* root.append(media)
|
||
|
|
* }
|
||
|
|
* ```
|
||
|
|
*
|
||
|
|
* If it’s followed in the CSS by a {} block, this node will have
|
||
|
|
* a nodes property representing its children.
|
||
|
|
*
|
||
|
|
* ```js
|
||
|
|
* const root = postcss.parse('@charset "UTF-8"; @media print {}')
|
||
|
|
*
|
||
|
|
* const charset = root.first
|
||
|
|
* charset.type //=> 'atrule'
|
||
|
|
* charset.nodes //=> undefined
|
||
|
|
*
|
||
|
|
* const media = root.last
|
||
|
|
* media.nodes //=> []
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
export default class AtRule extends Container {
|
||
|
|
type: 'atrule'
|
||
|
|
parent: Container | undefined
|
||
|
|
raws: AtRuleRaws
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The at-rule’s name immediately follows the `@`.
|
||
|
|
*
|
||
|
|
* ```js
|
||
|
|
* const root = postcss.parse('@media print {}')
|
||
|
|
* media.name //=> 'media'
|
||
|
|
* const media = root.first
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
name: string
|
||
|
|
|
||
|
|
/**
|
||
|
|
* The at-rule’s parameters, the values that follow the at-rule’s name
|
||
|
|
* but precede any {} block.
|
||
|
|
*
|
||
|
|
* ```js
|
||
|
|
* const root = postcss.parse('@media print, screen {}')
|
||
|
|
* const media = root.first
|
||
|
|
* media.params //=> 'print, screen'
|
||
|
|
* ```
|
||
|
|
*/
|
||
|
|
params: string
|
||
|
|
|
||
|
|
constructor(defaults?: AtRuleProps)
|
||
|
|
assign(overrides: object | AtRuleProps): this
|
||
|
|
clone(overrides?: Partial<AtRuleProps>): this
|
||
|
|
cloneBefore(overrides?: Partial<AtRuleProps>): this
|
||
|
|
cloneAfter(overrides?: Partial<AtRuleProps>): this
|
||
|
|
}
|