openfoodfoundation/openfoodnetwork

View on GitHub

Showing 5,271 of 5,271 total issues

Avoid qualifying class selectors with an element.
Open

table.head-wrap {

Color literals like rgba(18, 18, 18, 0.1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        border: 1px solid rgba(18, 18, 18, 0.1);

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

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

0px should be written without units as 0
Open

    margin-bottom: 0px;

Rule declaration should be preceded by an empty line
Open

        &:before {

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

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

Avoid qualifying class selectors with an element.
Open

table th.actions .no-text[class*="icon-"],

Use // comments everywhere
Open

/* This should also be a block element, so that it will fill 100% of the .container */

Expected 0 spaces before ) instead of
Open

$color-action-mail-brd:          very-light($color-success, 20 ) !default;

Avoid qualifying class selectors with an element.
Open

  table.social div[class="column"] {

Commas in lists should be followed by one space
Open

$states:                      completed,                 complete,                 sold,                 pending,                 awaiting_return,                 returned,                 credit_owed,                 paid,                 shipped,                 balance_due,                 backorder,                 checkout,                 cart,                 address,                 delivery,                 payment,                 confirmation,                 canceled,                 ready,                 void,                 requires_authorization,                 active,                 inactive  !default;

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

      border-left: 3px solid white;

Name of variable color-ste-awaiting_return-bg should be written in all lowercase letters with hyphens instead of underscores
Open

$states-bg-colors:            $color-ste-completed-bg,   $color-ste-complete-bg,   $color-ste-sold-bg,   $color-ste-pending-bg,   $color-ste-awaiting_return-bg,   $color-ste-returned-bg,   $color-ste-credit_owed-bg,   $color-ste-paid-bg,   $color-ste-shipped-bg,   $color-ste-balance_due-bg,   $color-ste-backorder-bg,   $color-ste-checkout-bg,   $color-ste-cart-bg,   $color-ste-address-bg,   $color-ste-delivery-bg,   $color-ste-payment-bg,   $color-ste-confirmation-bg,   $color-ste-canceled-bg,   $color-ste-ready-bg,   $color-ste-void-bg,   $color-ste-requires_authorization-bg,   $color-ste-active-bg,   $color-ste-inactive-bg  !default;

Imported partial vendor/assets/stylesheets/select2.css.scss should be written as vendor/assets/stylesheets/select2.css
Open

@import "vendor/assets/stylesheets/select2.css.scss";
Severity: Minor
Found in app/webpacker/css/admin/all.scss by scss-lint

Commas in lists should be followed by one space
Open

$states-bg-colors:            $color-ste-completed-bg,   $color-ste-complete-bg,   $color-ste-sold-bg,   $color-ste-pending-bg,   $color-ste-awaiting_return-bg,   $color-ste-returned-bg,   $color-ste-credit_owed-bg,   $color-ste-paid-bg,   $color-ste-shipped-bg,   $color-ste-balance_due-bg,   $color-ste-backorder-bg,   $color-ste-checkout-bg,   $color-ste-cart-bg,   $color-ste-address-bg,   $color-ste-delivery-bg,   $color-ste-payment-bg,   $color-ste-confirmation-bg,   $color-ste-canceled-bg,   $color-ste-ready-bg,   $color-ste-void-bg,   $color-ste-requires_authorization-bg,   $color-ste-active-bg,   $color-ste-inactive-bg  !default;

Selector change_type should be written in lowercase with hyphens
Open

#change_type {

Shorthand form for property margin should be written more concisely as 2em 0 0 instead of 2em 0 0 0
Open

    margin: 2em 0 0 0;

Commas in lists should be followed by one space
Open

$states-bg-colors:            $color-ste-completed-bg,   $color-ste-complete-bg,   $color-ste-sold-bg,   $color-ste-pending-bg,   $color-ste-awaiting_return-bg,   $color-ste-returned-bg,   $color-ste-credit_owed-bg,   $color-ste-paid-bg,   $color-ste-shipped-bg,   $color-ste-balance_due-bg,   $color-ste-backorder-bg,   $color-ste-checkout-bg,   $color-ste-cart-bg,   $color-ste-address-bg,   $color-ste-delivery-bg,   $color-ste-payment-bg,   $color-ste-confirmation-bg,   $color-ste-canceled-bg,   $color-ste-ready-bg,   $color-ste-void-bg,   $color-ste-requires_authorization-bg,   $color-ste-active-bg,   $color-ste-inactive-bg  !default;

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

    color: #f57e80;

Begin pseudo elements with double colons: ::
Open

    &:after,
Severity
Category
Status
Source
Language