openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/css/admin_v3/shared/forms.scss

Summary

Maintainability
Test Coverage

Selector field_with_errors should be written in lowercase with hyphens
Open

  .field_with_errors {

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

    @extend [class^="icon-"];

Begin pseudo elements with double colons: ::
Open

  &:before {

Selector naked_inputs should be written in lowercase with hyphens
Open

  .naked_inputs & {

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

    @extend .icon-remove-sign;

Selector error_summary should be written in lowercase with hyphens
Open

.error_summary {

Avoid qualifying class selectors with an element.
Open

    button,

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

  @extend input, [type="text"];

Rule declaration should be followed by an empty line
Open

  }

Avoid qualifying attribute selectors with an element.
Open

input[type="checkbox"],

Avoid qualifying class selectors with an element.
Open

    span.or {

Rule declaration should be followed by an empty line
Open

      }

Avoid qualifying attribute selectors with an element.
Open

    button,

Avoid qualifying attribute selectors with an element.
Open

input[type="checkbox"],

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

  border-right: none;

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

    border-bottom: none;

Avoid qualifying attribute selectors with an element.
Open

    button,

Rule declaration should be followed by an empty line
Open

      }

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

  @extend .icon-remove-sign;

Begin pseudo elements with double colons: ::
Open

    &:before {

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

  border-left: none;

Avoid qualifying attribute selectors with an element.
Open

input[type="checkbox"] {

Avoid qualifying class selectors with an element.
Open

span.info {

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

      label {

Shorthand form for property padding should be written more concisely as 10px 0 15px instead of 10px 0 15px 0
Open

  padding: 10px 0 15px 0;

Rule declaration should be followed by an empty line
Open

    }

Selector modified_summary should be written in lowercase with hyphens
Open

.modified_summary {

Rule declaration should be preceded by an empty line
Open

  &:before {

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

  background-color: white;

Avoid qualifying attribute selectors with an element.
Open

input[type="checkbox"],

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

    border-top: none;

border: 0 is preferred over border: none
Open

  border: none;

Unknown property accent-color
Open

  accent-color: $color-checkbox-fill;

Selector formError should be written in lowercase with hyphens
Open

  .formError {

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

  background-color: white;

There are no issues that match your filters.

Category
Status