openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/css/darkswarm/producer_node.scss

Summary

Maintainability
Test Coverage

Selector ofn-i_059-producer should be written in lowercase with hyphens
Open

    i.ofn-i_059-producer, i.ofn-i_060-producer-reversed {

Selector ofn-i_060-producer-reversed should be written in lowercase with hyphens
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

Avoid qualifying class selectors with an element.
Open

    a.cta-hub {

Unnecessary parent selector (&)
Open

        &, & * {

Selector ofn-i_060-producer-reversed should be written in lowercase with hyphens
Open

    i.ofn-i_059-producer, i.ofn-i_060-producer-reversed {

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

        span {

Avoid qualifying class selectors with an element.
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

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

      &:last-child {

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

          &.left {

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

      &:hover, &:active, &:focus {

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

          .hub-name, .button-address {

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

          .hub-name, .button-address {

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

          .hub-name, .button-address {

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

      &:hover, &:active, &:focus {

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

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

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

        &:hover, &:active, &:focus {

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

      &:hover, &:focus, &:active {

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

      &:hover, &:focus, &:active {

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

          color: #666;

Avoid qualifying class selectors with an element.
Open

    p.word-wrap {

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

        .cta-container {

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

        &, & * {

Avoid qualifying class selectors with an element.
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

Selector ofn-i_059-producer should be written in lowercase with hyphens
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

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

          .hub-name, .button-address {

Selector active_table should be written in lowercase with hyphens
Open

  .active_table .active_table_node {

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

        &, & * {

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

    a {

Selector is_distributor should be written in lowercase with hyphens
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

Selector is_distributor should be written in lowercase with hyphens
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

Color literals like rgba(206, 239, 228, 0.4) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

        background-color: rgba(206, 239, 228, 0.4);

Selector is_distributor should be written in lowercase with hyphens
Open

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

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

    a.cta-hub {

Merge rule a.cta-hub with rule on line 42
Open

    a.cta-hub {

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

        &.secondary {

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

          &.right {

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

      .active_table_row {

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

            border-bottom: 1px solid #999;

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

    .fat-taxons {

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

        &:hover, &:active, &:focus {

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

        &:hover, &:active, &:focus {

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

      &:hover, &:active, &:focus {

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

      .active_table_row {

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

        &:hover, &:active, &:focus {

Selector active_table_row should be written in lowercase with hyphens
Open

      .active_table_row:first-child {

Selector active_table_node should be written in lowercase with hyphens
Open

  .active_table .active_table_node {

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

      .follow-icons {

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

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

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

    .fat-properties {

Selector active_table_row should be written in lowercase with hyphens
Open

      .active_table_row {

Selector active_table_row should be written in lowercase with hyphens
Open

      .active_table_row.closed {

Avoid qualifying class selectors with an element.
Open

    i.ofn-i_059-producer, i.ofn-i_060-producer-reversed {

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

      &.is_distributor, &.is_distributor i.ofn-i_059-producer, &.is_distributor i.ofn-i_060-producer-reversed {

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

        &:hover, &:active, &:focus {

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

    p.word-wrap {

Selector active_table_row should be written in lowercase with hyphens
Open

      .active_table_row:last-child {

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

        &:hover, &:active, &:focus {

Avoid qualifying class selectors with an element.
Open

    i.ofn-i_059-producer, i.ofn-i_060-producer-reversed {

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

    i.ofn-i_059-producer, i.ofn-i_060-producer-reversed {

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

    i.ofn-i_059-producer, i.ofn-i_060-producer-reversed {

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

    .vertical-align-middle {

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

    .producer-name {

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

        .columns img {

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

      .active_table_row:last-child {

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

      .skinny-head {

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

      .active_table_row:first-child {

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

      .active_table_row.closed {

Selector active_table_row should be written in lowercase with hyphens
Open

      .active_table_row {

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

      &:hover, &:focus, &:active {

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

        &.primary {

There are no issues that match your filters.

Category
Status