openfoodfoundation/openfoodnetwork

View on GitHub

Showing 5,260 of 5,260 total issues

Avoid qualifying class selectors with an element.
Open

    label, label.alert, label.success, &.valid label.alert, &.dirty label.success {

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

      li {

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

        .buttons {

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

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

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

            color: rgba(white, 1);

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

      &, p, h1, h2, h3, h4, h5, h6 {

Avoid qualifying class selectors with an element.
Open

      p.secure-icon i {

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

            i {

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 {

Avoid using id selectors
Open

#brand-story.pane, #cta.pane, #shops.pane, #sell.pane {

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

      @include bodyFont;

Property height already defined on line 19
Open

    height: 100vh;

Selector active_table_node should be written in lowercase with hyphens
Open

  .active_table .active_table_node {

Avoid qualifying class selectors with an element.
Open

    i.ofn-i_063-hub, i.ofn-i_064-hub-reversed, 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

      .active_table_row:nth-child(2) {

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

    .producers-list {

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

    color: #222222;

Begin pseudo elements with double colons: ::
Open

  &.ne:before,

Begin pseudo elements with double colons: ::
Open

  &.nw:before,

Begin pseudo elements with double colons: ::
Open

    &.s:before,
Severity
Category
Status
Source
Language