openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

Name of mixin headingFont should be written in all lowercase letters with hyphens instead of underscores
Open

    @include headingFont;

0rem should be written without units as 0
Open

    padding: 0.25rem 0.45rem 0rem;

border: 0 is preferred over border: none
Open

    border: none;

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

    .tabs dd a {

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

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

Avoid qualifying class selectors with an element.
Open

  h1, p.text {

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

      background-color: white;

Avoid using id selectors
Open

#groups {

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

  h1, p.text {

Selector ofn-i_035-groups should be written in lowercase with hyphens
Open

  .ofn-i_035-groups {

Avoid using id selectors
Open

#group-page {

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

      background-color: white;

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

  .tabs dd a {

Selector active_table should be written in lowercase with hyphens
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

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

    @include gradient(white, white);

Selector is_distributor should be written in lowercase with hyphens
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

Selector active_table should be written in lowercase with hyphens
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

Avoid qualifying class selectors with an element.
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

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

    border-bottom: 1px solid #ccc;

Avoid qualifying class selectors with an element.
Open

  .tabs dd.active a {

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

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

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

  .group-logo, .group-header {

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

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

Avoid qualifying class selectors with an element.
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

Name of mixin sidepaddingSm should be written in all lowercase letters with hyphens instead of underscores
Open

  @include sidepaddingSm;

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

  .tabs dd.active a {

Avoid qualifying class selectors with an element.
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

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

    @include gradient(white, white);

Selector is_distributor should be written in lowercase with hyphens
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

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

    @include gradient(white, white);

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

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

Selector active_table_node should be written in lowercase with hyphens
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

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

    .group-logo, .group-header {

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

    @include gradient(white, white);

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

    .tabs dd a {

Selector active_table_node should be written in lowercase with hyphens
Open

    .active_table .active_table_node a.is_distributor, .active_table .active_table_node a.is_distributor i.ofn-i_059-producer {

There are no issues that match your filters.

Category
Status