Showing 4,835 of 4,835 total issues
Properties should be ordered font-size, font-weight, line-height Open
font-weight: bold;- Exclude checks
Prefer single quoted strings Open
@import "includes/menu";- Exclude checks
Properties should be ordered font-size, font-weight, line-height Open
font-weight: 600;- Exclude checks
Selector at-select__selection should be written in lowercase with hyphens Open
&--error .at-select__selection {- Exclude checks
Line should be indented 2 spaces, but was indented 4 spaces Open
&--error .at-textarea__original {- Exclude checks
Color literals like #FFFFFF should only be used in variable declarations; they should be referred to via variable everywhere else. Open
background: #FFFFFF;- Exclude checks
Properties should be ordered background, border, border-radius, box-shadow, box-sizing Open
box-sizing: border-box;- Exclude checks
No space allowed before : Open
$layout-07 : 10rem;- 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';
}Properties should be ordered align-items, display Open
display: flex;- Exclude checks
Imported partial ../variables.scss should be written as ../variables Open
@import '../variables.scss';- 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
Imported partial ./v-select.scss should be written as ./v-select Open
@import './v-select.scss';- 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
Properties should be ordered border, margin Open
margin: 0;- Exclude checks
Nesting should be no greater than 3, but was 4 Open
> .at-menu__submenu-title {- Exclude checks
Properties should be ordered font-size, font-weight, line-height Open
font-weight: bold;- Exclude checks
! should be preceded by a space, and should not be followed by a space Open
color: $blue-900!important;- Exclude checks
Syntax Error: Invalid CSS after "...s : math": expected selector or at-rule, was ".div($badge-hei..." Open
$badge-border-radius : math.div($badge-height, 2);- Exclude checks
Properties should be ordered font-size, font-weight, line-height Open
font-weight: 600;- Exclude checks
Function 'map_get' should be written in lowercase with hyphens Open
$vs-controls-color: map_get($vs-colors, 'light') !default;- Read upRead up
- Exclude checks
Function Name Format
Rule function-name-format will enforce a convention for function names.
Options
-
allow-leading-underscore:true/false(defaults totrue) -
convention:'hyphenatedlowercase'(default),camelcase,snakecase,strictbem,hyphenatedbem, or a Regular Expression that the function name must match (e.g.^[_A-Z]+$) -
convention-explanation: Custom explanation to display to the user if a function doesn't adhere to the convention
Example 1
Settings:
- allow-leading-underscore: true
- convention: hyphenatedlowercase
When enabled, the following are allowed:
@function hyphenated-lowercase() {
@return "foo";
}
@function _leading-underscore($x) {
@return $x;
}
.foo {
content: hyphenated-lowercase("bar");
}When enabled, the following are disallowed:
@function HYPHENATED-UPPERCASE() {
@return "foo";
}
@function _camelCaseWithLeadingUnderscore($x) {
@return $x;
}
.foo {
content: snake_case();
}Example 2
Settings:
- allow-leading-underscore: false
- convention: camelcase
When enabled, the following are allowed:
@function camelCase() {
@return "foo";
}
.foo {
content: anotherCamelCase();
}When enabled, the following are disallowed:
@function HYPHENATED-UPPERCASE() {
@return "foo";
}
@function _camelCaseWithLeadingUnderscore() {
@return "foo";
}
.foo {
content: snake_case();
}Example 3
Settings:
- allow-leading-underscore: false
- convention: pascalcase
When enabled, the following are allowed:
@function PascalCase() {
@return "foo";
}
.foo {
content: AnotherPascalCase();
}When enabled, the following are disallowed:
@function HYPHENATED-UPPERCASE() {
@return "foo";
}
@function _camelCaseWithLeadingUnderscore() {
@return "foo";
}
.foo {
content: snake_case();
}Example 4
Settings:
- allow-leading-underscore: false
- convention: snakecase
When enabled, the following are allowed:
@function snake_case() {
@return "foo";
}
.foo {
content: another_snake_case();
}When enabled, the following are disallowed:
@function HYPHENATED-UPPERCASE() {
@return "foo";
}
@function _snake_case_with_leading_underscore() {
@return "foo";
}
.foo {
content: camelCase();
}Example 5
Settings:
- convention: strictbem
When enabled, the following are allowed:
@function namespace__function {
@return "foo";
}
@function namespace__function_mod-name {
@return "foo";
}
@function namespace_mod-name__function {
@return "foo";
}When enabled, the following are disallowed:
@function HYPHENATED-UPPERCASE {
@return "foo";
}
.foo {
content: camelCase();
}Example 6
Settings:
- convention: hyphenatedbem
When enabled, the following are allowed:
@function namespace__function {
@return "foo";
}
@function namespace__function--mod-name {
@return "foo";
}
@function namespace--mod-name__function {
@return "foo";
}When enabled, the following are disallowed:
@function HYPHENATED-UPPERCASE {
@return "foo";
}
.foo {
content: camelCase();
}Example 7
Settings:
- allow-leading-underscore: true
- convention: '^[_A-Z]+$'
- convention-explanation: 'Functions must contain only uppercase letters and underscores'
When enabled, the following are allowed:
@function SCREAMING_SNAKE_CASE() {
@return "foo";
}
.foo {
content: _LEADING_UNDERSCORE();
}When enabled, the following are disallowed:
(Each line with a function call/declaration will report Functions must contain only uppercase letters and underscores when linted.)
@function HYPHENATED-UPPERCASE() {
@return "foo";
}
@function _snake_case_with_leading_underscore() {
@return "foo";
}
.foo {
content: camelCase();
}