cattr-app/frontend-application

View on GitHub

Showing 4,835 of 4,835 total issues

Hex notation should all be lower case
Open

$black-50                   : #E6E8EB;

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

$border-radius-sm           : 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';
}

No space allowed before :
Open

$font-size-sm               : 0.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

$font-size-normal           : 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';
}

Multiline style comments should not be used
Open

/* Button */

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-error-bg               : $color-error;

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-error-border           : $color-error;

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-padding-sm           : 4px 10px;

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-color-disabled  : $grey-700;

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-border-color          : $border-color-base;

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-border-color-success  : $color-success;

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-bg-color             : $color-white;

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

$inputnumber-bg-color           : $input-bg-color;

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';
}

Multiline style comments should not be used
Open

/* Switch */

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

/* Slider */

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

$textarea-padding           : 6px 8px;

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

$alert-text-color-success     : #53664A;

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

$alert-text-color-info        : #3B688C;

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

$alert-text-color-info        : #3B688C;

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

$alert-border-color-warning : $yellow-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';
}
Severity
Category
Status
Source
Language