0 1px 2px 0 rgba(0, 0, 0, .14),

Close

number-leading-zero

Require or disallow a leading zero for fractional numbers less than 1.

<!-- prettier-ignore -->

a { line-height: 0.5; }
/**              ↑
 * This leading zero */

This rule ignores mixin parameters in Less.

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

.float-center { float: none; margin: 0 auto; }

Close

rule-empty-line-before

Require or disallow an empty line before rules.

<!-- prettier-ignore -->

a {}
      /* ← */
b {}  /* ↑ */
/**      ↑
 * This line */

This rule ignores rules that are the very first node in a source.

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule. We recommend to enable [indentation](../indentation/README.md) rule for better autofixing results with this rule.

@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}

Close

selector-list-comma-space-after

Require a single space or disallow whitespace after the commas of selector lists.

<!-- prettier-ignore -->

a, b { color: pink; }
/** ↑
 * The space after this comma */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

    text-decoration: none;}

Close

block-closing-brace-newline-before

Require a newline or disallow whitespace before the closing brace of blocks.

<!-- prettier-ignore -->

a { color: pink;
    }
/** ↑
 * The newline before this brace */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}

Close

block-opening-brace-space-before

Require a single space or disallow whitespace before the opening brace of blocks.

<!-- prettier-ignore -->

a { color: pink; }
/** ↑
 * The space before this brace */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

.fill-belize-hole { fill: #2980B9; }

Close

color-hex-case

Specify lowercase or uppercase for hex colors.

<!-- prettier-ignore -->

a { color: #fff }
/**        ↑
 * This hex color */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

/* $BrowserSize */

Close

comment-empty-line-before

Require or disallow an empty line before comments.

<!-- prettier-ignore -->

a {}
              /* ← */
/* comment */ /* ↑ */
/**              ↑
*        This line */

This rule ignores:

• comments that are the very first node in the source
• shared-line comments
• single-line comments with // (when you're using a custom syntax that supports them)
• comments within selector and value lists

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule. We recommend to enable [indentation](../indentation/README.md) rule for better autofixing results with this rule.

/* $jQuery.equalize */

Close

comment-empty-line-before

Require or disallow an empty line before comments.

<!-- prettier-ignore -->

a {}
              /* ← */
/* comment */ /* ↑ */
/**              ↑
*        This line */

This rule ignores:

• comments that are the very first node in the source
• shared-line comments
• single-line comments with // (when you're using a custom syntax that supports them)
• comments within selector and value lists

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule. We recommend to enable [indentation](../indentation/README.md) rule for better autofixing results with this rule.

@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}

Close

declaration-block-trailing-semicolon

Require or disallow a trailing semicolon within declaration blocks.

<!-- prettier-ignore -->

a { background: orange; color: pink; }
/**                                ↑
 *                    This semicolon */

The trailing semicolon is the last semicolon in a declaration block and it is optional.

This rule ignores:

• Less mixins
• trailing // comments
• declaration blocks containing nested (at-)rules

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}

Close

declaration-block-trailing-semicolon

Require or disallow a trailing semicolon within declaration blocks.

<!-- prettier-ignore -->

a { background: orange; color: pink; }
/**                                ↑
 *                    This semicolon */

The trailing semicolon is the last semicolon in a declaration block and it is optional.

This rule ignores:

• Less mixins
• trailing // comments
• declaration blocks containing nested (at-)rules

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}

Close

declaration-colon-space-after

Require a single space or disallow whitespace after the colon of declarations.

<!-- prettier-ignore -->

a { color: pink }
/**      ↑
 * The space after this colon */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}

Close

declaration-colon-space-after

Require a single space or disallow whitespace after the colon of declarations.

<!-- prettier-ignore -->

a { color: pink }
/**      ↑
 * The space after this colon */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;

Close

font-family-name-quotes

Specify whether or not quotation marks should be used around font family names.

<!-- prettier-ignore -->

a { font-family: "Times New Roman", 'Ancient Runes', serif; }
/**              ↑               ↑  ↑             ↑
 *               These quotation marks and this one */

This rule checks the font and font-family properties.

This rule ignores $sass, @less, and var(--custom-property) variable syntaxes.

    padding: .7rem;

Close

number-leading-zero

Require or disallow a leading zero for fractional numbers less than 1.

<!-- prettier-ignore -->

a { line-height: 0.5; }
/**              ↑
 * This leading zero */

This rule ignores mixin parameters in Less.

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

        0 1px 3px 0 rgba(0, 0, 0, .12);

Close

number-leading-zero

Require or disallow a leading zero for fractional numbers less than 1.

<!-- prettier-ignore -->

a { line-height: 0.5; }
/**              ↑
 * This leading zero */

This rule ignores mixin parameters in Less.

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

/* $Classes */

Close

comment-empty-line-before

Require or disallow an empty line before comments.

<!-- prettier-ignore -->

a {}
              /* ← */
/* comment */ /* ↑ */
/**              ↑
*        This line */

This rule ignores:

• comments that are the very first node in the source
• shared-line comments
• single-line comments with // (when you're using a custom syntax that supports them)
• comments within selector and value lists

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule. We recommend to enable [indentation](../indentation/README.md) rule for better autofixing results with this rule.

.github-corner svg{position: absolute; top: 0; border: 0; right: 0;

Close

declaration-block-semicolon-newline-after

Require a newline or disallow whitespace after the semicolons of declaration blocks.

<!-- prettier-ignore -->

a {
  color: pink;
  top: 0;    ↑
}            ↑
/**          ↑
 * The newline after this semicolon */

This rule ignores:

• semicolons that are preceded by Less mixins
• the last semicolon of declaration blocks

Use the block-closing-brace-*-before rules to control the whitespace between the last semicolon and the closing brace instead.

This rule allows an end-of-line comment followed by a newline. For example,

<!-- prettier-ignore -->

a {
  color: pink; /* end-of-line comment */
  top: 0;
}

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}

Close

declaration-block-trailing-semicolon

Require or disallow a trailing semicolon within declaration blocks.

<!-- prettier-ignore -->

a { background: orange; color: pink; }
/**                                ↑
 *                    This semicolon */

The trailing semicolon is the last semicolon in a declaration block and it is optional.

This rule ignores:

• Less mixins
• trailing // comments
• declaration blocks containing nested (at-)rules

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

        0 1px 2px 0 rgba(0,0,0,.14),

Close

function-comma-space-after

Require a single space or disallow whitespace after the commas of functions.

<!-- prettier-ignore -->

a { transform: translate(1, 1) }
/**                       ↑
 * The space after this comma */

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.

    padding: .35rem .5rem;

Close

number-leading-zero

Require or disallow a leading zero for fractional numbers less than 1.

<!-- prettier-ignore -->

a { line-height: 0.5; }
/**              ↑
 * This leading zero */

This rule ignores mixin parameters in Less.

The [fix option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.