openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

Avoid qualifying class selectors with an element.
Open

    div.header-caret {

Avoid qualifying class selectors with an element.
Open

    div.header-icon {

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

      i {

Avoid qualifying class selectors with an element.
Open

  div.panel-header:hover {

Merge rule div.panel-header.active with rule on line 23
Open

  div.panel-header.active {

Rule declaration should be followed by an empty line
Open

  }

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

    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);

Avoid qualifying class selectors with an element.
Open

  div.panel-content {

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

    color: #68b7c0;

Merge rule div.header-count with rule on line 29
Open

    div.header-count {

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

    background-color: #efefef;

Rule declaration should be followed by an empty line
Open

  }

Rule declaration should be followed by an empty line
Open

  }

Avoid qualifying class selectors with an element.
Open

    div.header-description {

Merge rule div.header-icon with rule on line 29
Open

    div.header-icon {

Avoid qualifying class selectors with an element.
Open

div.panel-section {

Avoid qualifying class selectors with an element.
Open

  div.panel-header.active {

Merge rule div.header-caret with rule on line 29
Open

    div.header-caret {

Avoid qualifying class selectors with an element.
Open

    div.header-count {

Avoid qualifying class selectors with an element.
Open

  div.panel-header {

Merge rule div.header-description with rule on line 29
Open

    div.header-description {

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

    background-color: #f7f7f7;

0px should be written without units as 0
Open

    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.75);

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

      p.error {

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

      border-right: 1px solid #ceede3;

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

        i {

Avoid qualifying class selectors with an element.
Open

      p.error {

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

        color: #cb1b1b;

Avoid qualifying class selectors with an element.
Open

  input[type="submit"],

Avoid qualifying class selectors with an element.
Open

  form.product-import,

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

  background: #f7f7f7;

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 white should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

      background-color: white;

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

          color: #c84c4c;

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

          box-shadow: inset 0px 0px 1px red;

Avoid qualifying class selectors with an element.
Open

form.product-import,

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

      p.line {

Avoid qualifying attribute selectors with an element.
Open

  input[type="submit"],

Avoid qualifying class selectors with an element.
Open

div.import-wrapper {

Avoid qualifying class selectors with an element.
Open

  a.download {

Rule declaration should be followed by an empty line
Open

      }

Avoid qualifying class selectors with an element.
Open

  span.header-error {

Merge rule p.save-error with rule on line 159
Open

  p.save-error {

Avoid qualifying attribute selectors with an element.
Open

  input[type="submit"] {

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

    background-color: #f9f9f9;

Color red should be written in hexadecimal form as #ff0000
Open

          box-shadow: inset 0px 0px 1px red;

Avoid qualifying class selectors with an element.
Open

    div.import-errors {

Rule declaration should be followed by an empty line
Open

  }

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

      background: #ccc !important;

Avoid qualifying class selectors with an element.
Open

    a.button {

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

  border: 1px solid #eee;

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

      td,

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

      tr {

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

        &.error {

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

        &:hover td.invalid {

Avoid qualifying class selectors with an element.
Open

        &:hover td.invalid {

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

          background-color: darken(#f05c51, 5%);

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

        &.invalid {

Avoid qualifying class selectors with an element.
Open

  form.product-import,

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

      td {

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

    color: white;

Avoid qualifying class selectors with an element.
Open

    div.table-wrap {

Avoid qualifying class selectors with an element.
Open

    i.fa-info-circle {

Avoid qualifying class selectors with an element.
Open

    i.fa-check-circle {

Merge rule i.fa-check-circle with rule on line 170
Open

    i.fa-check-circle {

Avoid qualifying class selectors with an element.
Open

form.product-import,

0px should be written without units as 0
Open

          box-shadow: inset 0px 0px 1px red;

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

          color: white;

Avoid qualifying class selectors with an element.
Open

      p.line {

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

    color: #ee4728;

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

    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

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

      background-color: white;

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

          background-color: #f05c51;

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

        color: #577084;

Avoid qualifying class selectors with an element.
Open

  p.save-error {

Avoid using id selectors
Open

#upload-sidebar {

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

          color: white;

Merge rule i.fa-info-circle with rule on line 170
Open

    i.fa-info-circle {

Avoid qualifying class selectors with an element.
Open

form.product-import,

Avoid qualifying class selectors with an element.
Open

  span.progress-track {

Rule declaration should be followed by an empty line
Open

    }

Avoid qualifying class selectors with an element.
Open

div.progress-bar {

Rule declaration should be preceded by an empty line
Open

      td,

0px should be written without units as 0
Open

          box-shadow: inset 0px 0px 1px red;

Avoid qualifying class selectors with an element.
Open

br.panels.clearfix {

Avoid qualifying class selectors with an element.
Open

  div.progress-interface {

Avoid qualifying class selectors with an element.
Open

  span.category {

There are no issues that match your filters.

Category
Status