openfoodfoundation/openfoodnetwork

View on GitHub

Showing 5,271 of 5,271 total issues

Rule declaration should be followed by an empty line
Open

  }

border-right: 0 is preferred over border-right: none
Open

  border-right: none;

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

.icon-email:before    { @extend .icon-envelope, :before; }

Avoid qualifying class selectors with an element.
Open

    button,

Selector icon_link should be written in lowercase with hyphens
Open

  &.button, &.icon_link {

Begin pseudo elements with double colons: ::
Open

.icon-cancel:before,

Opening curly brace { should be preceded by one space
Open

.icon-email:before    { @extend .icon-envelope, :before; }

@media declaration should be preceded by an empty line
Open

      @media all and (min-width: $tablet_breakpoint) {

Begin pseudo elements with double colons: ::
Open

.icon-resend_authorization_email:before    { @extend .icon-envelope, :before; }

Declaration should be terminated by a single semicolon
Open

  background-color: #f6f6f6;;

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

.icon-resume:before   { @extend .icon-refresh, :before; }

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

.icon-void:before     { @extend .icon-remove, :before;   }

Avoid using id selectors
Open

#header {

Avoid qualifying attribute selectors with an element.
Open

      button[class*='icon-'] {

Color literals like #c3c3c3 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  background-color: #c3c3c3;

border-top: 0 is preferred over border-top: none
Open

      border-top: none;

Each selector in a comma sequence should be on its own single line
Open

      .icon-envelope-alt, .icon-eye-open {

Each selector in a comma sequence should be on its own single line
Open

h1,h2,h3,h4,h5,h6 {

Selector should have depth of applicability no greater than 3, but was 4
Open

      &:hover td {

Declaration should be terminated by a semicolon
Open

.blue   { color: $color-3 }
Severity
Category
Status
Source
Language