Showing 4,835 of 4,835 total issues
No space allowed before : Open
$spacing-06 : 1.5rem;- Read upRead up
- Exclude checks
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 tofalse)
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';
}Strings must use single quotes Open
@import "includes/components";- Read upRead up
- Exclude checks
Quotes
Rule quotes will enforce whether single quotes ('') or double quotes ("") should be used for all strings.
Options
-
style:single/double(defaults tosingle)
Examples
When style: single, the following are allowed. When style: double, the following are disallowed:
.foo {
content: 'bar';
}When style: double, the following are allowed. When style: single, the following are disallowed:
.foo {
content: "bar";
}Properties should be ordered color, font-size, margin-top Open
font-size: 14px;- Exclude checks
Properties should be ordered padding-bottom, padding-top Open
padding-top: 1rem;- Exclude checks
Each selector in a comma sequence should be on its own single line Open
h1, h2, h3, h4, h5, h6, h1, .h1, .h2, .h3, .h4, .h5, .h6 {- Exclude checks
No space allowed before : Open
$spacing-03 : 0.5rem;- Read upRead up
- Exclude checks
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 tofalse)
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
$layout-05 : 4rem;- Read upRead up
- Exclude checks
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 tofalse)
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';
}Prefer single quoted strings Open
@import "~vue-select/src/scss/vue-select.scss";- Exclude checks
0px should be written without units as 0 Open
border-radius: 0px;- Exclude checks
border: 0 is preferred over border: none Open
border: none;- Exclude checks
Imported partial ./button.scss should be written as ./button Open
@import './button.scss';- Exclude checks
Imported partial ./list.scss should be written as ./list Open
@import './list.scss';- Exclude checks
Properties should be ordered overflow, padding, text-overflow, white-space Open
padding: 8.5px 12px;- Exclude checks
Line should be indented 2 spaces, but was indented 4 spaces Open
padding-right: 0;- Exclude checks
Selector at-input__original should be written in lowercase with hyphens Open
.at-input__original,- Exclude checks
Color literals like #eeeef5 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
border: 1px solid #eeeef5;- Exclude checks
!important should not be used Open
color: $blue-900!important;- Exclude checks
! should be preceded by a space, and should not be followed by a space Open
color: $grey-400!important;- Exclude checks
! should be preceded by a space, and should not be followed by a space Open
color: $blue-900!important;- Exclude checks
Protocols and domains in URLs are disallowed Open
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap&subset=cyrillic');- Read upRead up
- Exclude checks
No URL Protocols
Rule no-url-protocols will enforce that protocols and domains are not used within urls.
Options
-
allow-protocol-relative-urls:true/false(defaults tofalse) > This option is scheduled to be deprecated in favour of the no-url-domains rule in sass-lint 2.0.
Examples
allow-protocol-relative-urls
When allow-protocol-relative-urls: false, the following are allowed:
.foo {
background-image: url('/img/bar.png');
}
.foo {
background-image: url('img/bar.png');
}
.foo {
background-image: url('bar.png');
}When allow-protocol-relative-urls: false, the following are disallowed:
.foo {
background-image: url('https://foo.com/img/bar.png');
}
.foo {
background-image: url('http://foo.com/img/bar.png');
}
.foo {
background-image: url('//foo.com/img/bar.png');
}When allow-protocol-relative-urls: true, the following are allowed:
.foo {
background-image: url('//foo.com/img/bar.png');
}
.foo {
background-image: url('/img/bar.png');
}
.foo {
background-image: url('img/bar.png');
}
.foo {
background-image: url('bar.png');
}When allow-protocol-relative-urls: true, the following are disallowed:
.foo {
background-image: url('https://foo.com/img/bar.png');
}
.foo {
background-image: url('http://foo.com/img/bar.png');
}