Skip to main content

at-rule-property-required-list

Specify a list of required properties for an at-rule.

    @font-face { font-display: swap; font-family: 'foo'; }/**  โ†‘           โ†‘                   โ†‘ *  At-rule and required property names */

Options#

object: { "at-rule-name": ["array", "of", "properties"] }

Given:

{  "font-face": ["font-display", "font-family", "font-style"]}

The following patterns are considered problems:

@font-face {    font-family: 'foo';    src: url('./fonts/foo.woff2') format('woff2');}
@font-face {    font-family: 'foo';    font-style: normal;    src: url('./fonts/foo.woff2') format('woff2');}

The following patterns are not considered problems:

@font-face {    font-display: swap;    font-family: 'foo';    font-style: normal;    src: url('./fonts/foo.woff2') format('woff2');}