Showing 657 of 658 total issues
border: 0 is preferred over border: none Open
border: none;- Exclude checks
Avoid vendor prefixes. Open
-webkit-align-self: center;- Exclude checks
Use // comments everywhere Open
/* ===== ( styles for tag clouds ) ===== */- Exclude checks
Use // comments everywhere Open
/* ========== ( utility styles ) ========== */- Exclude checks
Color #89C4F4 should be written as #89c4f4 Open
$light-blue: #89C4F4;- Exclude checks
Each selector in a comma sequence should be on its own single line Open
nav ul, .sidebar ul, .header ul, .footer ul {- Exclude checks
Type-selector should be nested within its parent Class Open
.banner p a:hover {- 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: '';
}
}Don't include leading zeros on numbers Open
padding: 0.2em 0;- 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;
}Type-selector should be nested within its parent Id Open
#footer a:hover {- 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
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;
}Color #dddddd should be written as #ddd Open
border-bottom: 1px solid #dddddd;- Exclude checks
Color #00eeff should be written as #0ef Open
$lightest-blue: #00eeff;- Exclude checks
!important not allowed Open
color: $light-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;
}Type-selector should be nested within its parent Type-selector Open
nav .sm li li 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: '';
}
}Class should be nested within its parent Class Open
.header .alerts {- 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: '';
}
}Class should be nested within its parent Class Open
.banner .button-large a {- 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
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;
}ID selectors not allowed Open
#footer {- Read upRead up
- Exclude checks
No IDs
Rule no-ids will enforce that ID selectors are not allowed to be used.
Examples
When enabled, the following are disallowed:
#foo {
content: 'bar';
}Type-selector should be nested within its parent Type-selector Open
.content footer a:hover {- 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
color: $dark-grey !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;
}