Showing 4,835 of 4,835 total issues
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
File extensions are not allowed Open
@import "~vue-select/src/scss/vue-select.scss";- Read upRead up
- Exclude checks
Clean Import Paths
Rule clean-import-paths will enforce whether or not @import paths should have leading underscores and/or filename extensions.
Options
-
leading-underscore:true/false(defaults tofalse) -
filename-extension:true/false(defaults tofalse)
Examples
leading-underscore
When leading-underscore: false, the following are allowed. When leading-underscore: true, the following are disallowed:
@import 'foo';
@import 'bar/foo';When leading-underscore: true, the following are allowed. When leading-underscore: false, the following are disallowed:
@import '_foo';
@import '_bar/foo';filename-extension
When filename-extension: false, the following are allowed. When filename-extension: true, the following are disallowed:
@import 'foo';
@import 'bar/foo';When filename-extension: true, the following are allowed. When filename-extension: false, the following are disallowed:
@import 'foo.scss';
@import 'bar/foo.scss';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
Strings must use single quotes Open
@import "includes/crud";- 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";
}Use // comments everywhere Open
/** first import the vendor css to be able to overwrite them **/- Exclude checks
Properties should be ordered font-size, font-weight, line-height Open
font-weight: 600;- Exclude checks
Selector at-collapse__header should be written in lowercase with hyphens Open
.at-collapse__header {- Exclude checks
Line should be indented 2 spaces, but was indented 4 spaces Open
&__inner {- Exclude checks
Properties should be ordered border, font-size, line-height, margin, padding Open
margin: 0;- Exclude checks
Properties should be ordered color, font-size, line-height, padding Open
padding: 6px 12px;- Exclude checks
0px should be written without units as 0 Open
box-shadow: 0px 0px 100px rgba(63, 51, 86, 0.05);- Exclude checks
Color #FFFFFF should be written as #FFF Open
background: #FFFFFF;- Exclude checks
Color literals like #3f536e should only be used in variable declarations; they should be referred to via variable everywhere else. Open
border-bottom: 1px dashed #3f536e;- Exclude checks
! should be preceded by a space, and should not be followed by a space Open
background-color: $blue-900!important;- Exclude checks
No space allowed before : Open
$layout-01 : 1rem;- 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-04 : 3rem;- 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/variables";- 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";
}Prefer single quoted strings Open
@import "includes/form";- Exclude checks
Strings must use single quotes Open
@import "includes/core";- 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";
}Imported partial ./collapse.scss should be written as ./collapse Open
@import './collapse.scss';- Exclude checks