Sign upLogin

cattr-app/frontend-application

View on GitHub
Star

Showing 4,835 of 4,835 total issues

Hex notation should all be lower case
Open

$brand-blue-800             : #6C6CFF;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

Hex notation should all be lower case
Open

$green-200                  : #89E7B3;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

Hex notation should all be lower case
Open

$yellow-100                 : #FFEFC0;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

Hex notation should all be lower case
Open

$yellow-600                 : #FFC227;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

Hex notation should all be lower case
Open

$yellow-800                 : #FFB41B;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

Hex notation should all be lower case
Open

$blue-50                    : #EFF4FE;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

Hex notation should all be lower case
Open

$grey-700                   : #B1B1B1;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$black-200                  : #96A0AD;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$black-800                  : #1B2A3F;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$bg-color-lighter           : tint($bg-color-light, 50%);
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$shadow-1px-left            : -1px 0 6px $shadow-color;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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-font-size-smer         : 10px;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$checkbox-bg-c-disabled     : $grey-50;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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-focus    : $brand-blue-400;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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-error    : $color-error;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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-handler-font-color-hover : $grey-900;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$badge-border-radius        : math.div($badge-height, 2);
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$badge-font-color           : $color-white;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$modal-body-font-size       : $font-size-sm;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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

$radio-border-c-hover       : $brand-blue-400;
Severity: Major
Found in app/core/sass/includes/variables.scss by sass-lint

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