cattr-app/frontend-application

View on GitHub

Showing 4,835 of 4,835 total issues

No space allowed before :
Open

$red-800                    : #FF3131;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$yellow-200                 : #FFE496;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

Hex notation should all be lower case
Open

$blue-400                   : #8CB2FB;

Hex Notation

Rule hex-notation will enforce the case of hexadecimal values

Options

  • style: lowercase/uppercase (defaults to lowercase)

Examples

When style: lowercase, the following are allowed. When style: uppercase, the following are disallowed:

$foo-color: #fff;

.bar {
  background: linear-gradient(top, #cc2, #44d);
}

.baz {
  color: #12a;
}

When style: uppercase, the following are allowed. When style: lowercase, the following are disallowed:

$foo-color: #FFF;

.bar {
  background: linear-gradient(top, #CC2, #44D);
}

.baz {
  color: #12A;
}

In both cases the following will be allowed as the values contain only numbers:

.qux {
  color: #123;
}

No space allowed before :
Open

$grey-700                   : #B1B1B1;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$grey-800                   : #A9A9A9;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$black-300                  : #6B798C;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$black-800                  : #1B2A3F;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

Hex notation should all be lower case
Open

$bg-color-base              : #FAFBFC;

Hex Notation

Rule hex-notation will enforce the case of hexadecimal values

Options

  • style: lowercase/uppercase (defaults to lowercase)

Examples

When style: lowercase, the following are allowed. When style: uppercase, the following are disallowed:

$foo-color: #fff;

.bar {
  background: linear-gradient(top, #cc2, #44d);
}

.baz {
  color: #12a;
}

When style: uppercase, the following are allowed. When style: lowercase, the following are disallowed:

$foo-color: #FFF;

.bar {
  background: linear-gradient(top, #CC2, #44D);
}

.baz {
  color: #12A;
}

In both cases the following will be allowed as the values contain only numbers:

.qux {
  color: #123;
}

Multiline style comments should not be used
Open

/* Assistant Color */

No CSS Comments

Rule no-css-comments will enforce the use of Sass single-line comments and disallow CSS comments. Bang comments (/*! */, will be printed even in minified mode) are still allowed.

Examples

When enabled the following are allowed:

// This is a good comment

// =========
// This is a good comment
// =========

//////////////////
// This is a good comment
//////////////////

/*! This is a good bang comment */

/*!
  * This is a good bang comment
**/

When enabled the following are disallowed:

/* This comment will appear in your compiled css */

/*
 * Mulitline comments are bad
 */

Multiline style comments should not be used
Open

/* Shadow */

No CSS Comments

Rule no-css-comments will enforce the use of Sass single-line comments and disallow CSS comments. Bang comments (/*! */, will be printed even in minified mode) are still allowed.

Examples

When enabled the following are allowed:

// This is a good comment

// =========
// This is a good comment
// =========

//////////////////
// This is a good comment
//////////////////

/*! This is a good bang comment */

/*!
  * This is a good bang comment
**/

When enabled the following are disallowed:

/* This comment will appear in your compiled css */

/*
 * Mulitline comments are bad
 */

No space allowed before :
Open

$btn-text-border            : $brand-blue-500;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$btn-circle-size-smer       : 24px;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$input-font-size-base       : .9rem;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$input-font-size-lg         : 14px;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$switch-height-lg           : 24px;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$switch-border-color-disabled : $grey-100;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$switch-font-size-base      : $font-size-smer;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$switch-font-size-lg        : $font-size-sm;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$switch-circle-size-base          : 16px;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}

No space allowed before :
Open

$slider-bar-height            : 4px;

Space Before Colon

Rule space-before-colon will enforce whether or not a space should be included before a colon (:).

Options

  • include: true/false (defaults to false)

Examples

When include: false, the following are allowed. When include: true, the following are disallowed:

.foo {
  content: 'bar';
}

When include: true, the following are allowed. When include: false, the following are disallowed:

.foo {
  content :'bar';
}
Severity
Category
Status
Source
Language