Showing 4,835 of 4,835 total issues
Unnecessary parent selector (&) Open
& .at-select__input {- Exclude checks
Color literals like rgba(63, 51, 86, 0.1) should only be used in variable declarations; they should be referred to via variable everywhere else. Open
box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);- Exclude checks
Selector at-menu__submenu--active should be written in lowercase with hyphens Open
&:hover,- Exclude checks
Properties should be ordered font-size, font-weight, line-height Open
font-weight: 600;- Exclude checks
Properties should be ordered font-size, font-weight, line-height Open
font-weight: bold;- Exclude checks
Don't include leading zeros on numbers Open
$spacing-03 : 0.5rem;- Read upRead up
- Exclude checks
Leading Zero
Rule leading-zero will enforce whether or not decimal numbers should include a leading zero.
Options
-
include:true/false(defaults tofalse)
Examples
When include: false, the following are allowed. When include: true, the following are disallowed:
.foo {
font-size: .5em;
}When include: true, the following are allowed. When include: false, the following are disallowed:
.foo {
font-size: 0.5em;
}Don't include leading zeros on numbers Open
$spacing-04 : 0.75rem;- Read upRead up
- Exclude checks
Leading Zero
Rule leading-zero will enforce whether or not decimal numbers should include a leading zero.
Options
-
include:true/false(defaults tofalse)
Examples
When include: false, the following are allowed. When include: true, the following are disallowed:
.foo {
font-size: .5em;
}When include: true, the following are allowed. When include: false, the following are disallowed:
.foo {
font-size: 0.5em;
}No space allowed before : Open
$spacing-08 : 2.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/menu";- 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";
}0.9 should be written without a leading zero as .9 Open
font-size: 0.9rem;- Exclude checks
Selector at-collapse__content should be written in lowercase with hyphens Open
.at-collapse__content .at-collapse__content {- Exclude checks
Imported partial ./textarea.scss should be written as ./textarea Open
@import './textarea.scss';- Exclude checks
Imported partial ./table.scss should be written as ./table Open
@import './table.scss';- Exclude checks
0px should be written without units as 0 Open
box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);- Exclude checks
Properties should be ordered margin, overflow, position, text-overflow, white-space Open
position: relative;- Exclude checks
0.9 should be written without a leading zero as .9 Open
font-size: 0.9rem;- Exclude checks
Color literals like rgba(63, 51, 86, 0.05) should only be used in variable declarations; they should be referred to via variable everywhere else. Open
box-shadow: 0px 0px 100px rgba(63, 51, 86, 0.05);- 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
Nesting should be no greater than 3, but was 4 Open
&--inactive {- 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