openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/css/admin/change_type_form.scss

Summary

Maintainability
Test Coverage

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;

Color black should be written in hexadecimal form as #000000
Open

      background-color: black;

Begin pseudo elements with double colons: ::
Open

    &:before {

Begin pseudo elements with double colons: ::
Open

      &:after,

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

    background-color: #fde6e7;

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

      color: white;

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

      background-color: black;

Begin pseudo elements with double colons: ::
Open

      &:after,

Begin pseudo elements with double colons: ::
Open

    &:after {

Color black should be written in hexadecimal form as #000000
Open

      border-top-color: black;

Color literals like rgba(84, 152, 218, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        rgba(84, 152, 218, 0),

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

        rgba(255, 255, 255, 0.25) 5px,

Begin pseudo elements with double colons: ::
Open

    &:after,

Begin pseudo elements with double colons: ::
Open

    &:after,

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

        rgba(255, 255, 255, 0.25) 10px

Avoid using id selectors
Open

#change_type {

Color white should be written in hexadecimal form as #ffffff
Open

      color: white;

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

    border: 1px solid #f57e80;

Avoid qualifying class selectors with an element.
Open

  a.selector {

Color literals like rgba(136, 183, 213, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

      border-color: rgba(136, 183, 213, 0);

Begin pseudo elements with double colons: ::
Open

      &:after {

Color black should be written in hexadecimal form as #000000
Open

    border: 2px solid black;

Color black should be written in hexadecimal form as #000000
Open

        border-top-color: black;

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

      border-top-color: black;

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

    color: #f57e80;

Color literals like rgba(84, 152, 218, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

      border-color: rgba(84, 152, 218, 0);

Selector change_type should be written in lowercase with hyphens
Open

#change_type {

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

      &:after,

Color literals like rgba(84, 152, 218, 0) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        rgba(84, 152, 218, 0) 5px,

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

    border: 2px solid black;

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

        border-top-color: black;

There are no issues that match your filters.

Category
Status