Showing 657 of 658 total issues
Type-selector should be nested within its parent Id Open
#content h3 {- Read upRead up
- Exclude checks
Force Element Nesting
Rule force-element-nesting will enforce the nesting of elements
Examples
When enabled, the following are disallowed:
div p {
content: '';
}
.parent {
&__child h1 {
content: '';
}
}
a[target="_blank"] span {
content: '';
}When enabled, the following are allowed:
div {
p {
content: '';
}
}
.parent {
&__child {
h1 {
content: '';
}
}
}
a[target="_blank"] {
span {
content: '';
}
}Type-selector should be nested within its parent Class Open
.sidebar header, p {- Read upRead up
- Exclude checks
Force Element Nesting
Rule force-element-nesting will enforce the nesting of elements
Examples
When enabled, the following are disallowed:
div p {
content: '';
}
.parent {
&__child h1 {
content: '';
}
}
a[target="_blank"] span {
content: '';
}When enabled, the following are allowed:
div {
p {
content: '';
}
}
.parent {
&__child {
h1 {
content: '';
}
}
}
a[target="_blank"] {
span {
content: '';
}
}Avoid qualifying class selectors with an element. Open
.table-striped th.page {- Exclude checks
Type-selector should be nested within its parent Class Open
.sidebar li {- Read upRead up
- Exclude checks
Force Element Nesting
Rule force-element-nesting will enforce the nesting of elements
Examples
When enabled, the following are disallowed:
div p {
content: '';
}
.parent {
&__child h1 {
content: '';
}
}
a[target="_blank"] span {
content: '';
}When enabled, the following are allowed:
div {
p {
content: '';
}
}
.parent {
&__child {
h1 {
content: '';
}
}
}
a[target="_blank"] {
span {
content: '';
}
}Color #dddddd should be written as #ddd Open
border-top: #dddddd solid 1px;- Exclude checks
!important not allowed Open
color: $blue !important;- Read upRead up
- Exclude checks
No Important
Rule no-important will enforce that important declarations are not allowed to be used.
Examples
When enabled, the following are disallowed:
.foo {
content: 'bar' !important;
}Each selector in a comma sequence should be on its own single line Open
main input, select, textarea {- Exclude checks
Pseudo-class should be nested within its parent Type-selector Open
.content header a:hover,- Read upRead up
- Exclude checks
Force Pseudo Nesting
Rule force-pseudo-nesting will enforce the nesting of pseudo elements/classes.
Examples
When enabled, the following are disallowed: ```scss p:nth-of-type(2) { margin: 0; }
.parent { .child { p::first-line { color: #ff0000; } } }
.parent { .child { .sub p::first-line { color: #ff0000; } } } ```
When enabled, the following are allowed:
p {
&:nth-of-type(2) {
margin: 0;
}
}
.parent {
.child {
p {
&::first-line {
color: #ff0000;
}
}
}
}
.parent {
.child {
.sub p {
&::first-line {
color: #ff0000;
}
}
}
}Color literals like rgba(255, 192, 192, 0.5) should only be used in variable declarations; they should be referred to via variable everywhere else. Open
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.75), inset 0 2px 0 0 rgba(255, 192, 192, 0.5), inset 0 0 0 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);- Exclude checks
!important not allowed Open
margin-bottom: 1em !important;- Read upRead up
- Exclude checks
No Important
Rule no-important will enforce that important declarations are not allowed to be used.
Examples
When enabled, the following are disallowed:
.foo {
content: 'bar' !important;
}Use // comments everywhere Open
/* Blazer has its own top bar which ours is appearing on top of */- Exclude checks
!important not allowed Open
border-top: 0 !important;- Read upRead up
- Exclude checks
No Important
Rule no-important will enforce that important declarations are not allowed to be used.
Examples
When enabled, the following are disallowed:
.foo {
content: 'bar' !important;
}Use // comments everywhere Open
/* ShinyCMS ~ https://shinycms.org- Exclude checks
Avoid qualifying class selectors with an element. Open
input.field_with_errors, select.field_with_errors, textarea.field_with_errors {- Exclude checks
Color literals like #dddddd should only be used in variable declarations; they should be referred to via variable everywhere else. Open
border-top: #dddddd solid 1px;- Exclude checks
Commas in function arguments should be followed by one space Open
background-image: -webkit-linear-gradient(top,$button-bg-hover, $dark-red);- Exclude checks
Type-selector should be nested within its parent Class Open
.post p:first-of-type img {- Read upRead up
- Exclude checks
Force Element Nesting
Rule force-element-nesting will enforce the nesting of elements
Examples
When enabled, the following are disallowed:
div p {
content: '';
}
.parent {
&__child h1 {
content: '';
}
}
a[target="_blank"] span {
content: '';
}When enabled, the following are allowed:
div {
p {
content: '';
}
}
.parent {
&__child {
h1 {
content: '';
}
}
}
a[target="_blank"] {
span {
content: '';
}
}!important not allowed Open
padding-top: 0.5em !important;- Read upRead up
- Exclude checks
No Important
Rule no-important will enforce that important declarations are not allowed to be used.
Examples
When enabled, the following are disallowed:
.foo {
content: 'bar' !important;
}Color literals like #dddddd should only be used in variable declarations; they should be referred to via variable everywhere else. Open
border-bottom: 1px solid #dddddd;- Exclude checks
Don't include leading zeros on numbers Open
font-size: 0.9em !important;- 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;
}