1
0
mirror of https://github.com/thangisme/notes.git synced 2024-11-01 08:17:34 -04:00
notes/node_modules/stylelint/lib/rules/value-keyword-case/README.md
Patrick Marsceill b7b0d0d7bf
Initial commit
2017-03-09 13:16:08 -05:00

2.3 KiB

value-keyword-case

Specify lowercase or uppercase for keywords values.

    a { display: block; }
/**              ↑
 *    These values */

This rule ignores <custom-idents> of known properties. Values which are paired with non-properties (e.g. $vars and custom properties), and do not conform to the primary option, can be ignored using the ignoreValues: [] secondary option.

Options

string: "lower"|"upper"

"lower"

The following patterns are considered warnings:

a {
  display: Block;
}
a {
  display: bLoCk;
}
a {
  display: BLOCK;
}
a {
  transition: -WEBKIT-TRANSFORM 2s;
}

The following patterns are not considered warnings:

a {
  display: block;
}
a {
  transition: -webkit-transform 2s;
}

"upper"

The following patterns are considered warnings:

a {
  display: Block;
}
a {
  display: bLoCk;
}
a {
  display: block;
}
a {
  transition: -webkit-transform 2s;
}

The following patterns are not considered warnings:

a {
  display: BLOCK;
}
a {
  transition: -WEBKIT-TRANSFORM 2s;
}

Optional secondary options

ignoreKeywords: ["/regex/", "non-regex"]

Ignore case of keywords values.

For example, with "lower".

Given:

["Block", "/^(f|F)lex$/"]

The following patterns are considered warnings:

a {
  display: bLoCk;
}
a {
  display: BLOCK;
}
a {
  display: fLeX;
}
a {
  display: FLEX;
}

The following patterns are not considered warnings:

a {
  display: block;
}
a {
  display: Block;
}
a {
  display: flex;
}
a {
  display: Flex;
}

For example, with "upper".

Given:

["Block", "/^(f|F)lex$/"]

The following patterns are considered warnings:

a {
  display: bLoCk;
}
a {
  display: block;
}
a {
  display: fLeX;
}
a {
  display: fLEX;
}

The following patterns are not considered warnings:

a {
  display: BLOCK;
}
a {
  display: Block;
}
a {
  display: FLEX;
}
a {
  display: Flex;
}
a {
  display: flex;
}