openfoodfoundation/openfoodnetwork

Merge rule span.checkout-tab-label with rule on line 43

Open

    span.checkout-tab-label {

• Exclude checks
  • Disable engine
  • Disable check

Selector field_with_errors should be written in lowercase with hyphens

Open

    .field_with_errors {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying attribute selectors with an element.

Open

      input[type=radio] {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  .checkout-input span.formError, div.error.card-errors {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

    i.ofn-i_051-check-big:before {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

    i.ofn-i_051-check-big {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

    &.with-transition {

• Exclude checks
  • Disable engine
  • Disable check

Color white should be written in hexadecimal form as #ffffff

Open

    background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

Color #DDD should be written as #ddd

Open

      box-shadow: 0 -4px 10px #DDD;

• Exclude checks
  • Disable engine
  • Disable check

Color #cccccc should be written as #ccc

Open

      border: 1px solid #cccccc;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

    #distributor_address.panel {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  .checkout-input span.formError, div.error.card-errors {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  .checkout-input span.formError, div.error.card-errors {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include headingFont;

• Exclude checks
  • Disable engine
  • Disable check

Color #DDD should be written as #ddd

Open

      border-right: 1px solid #DDD;

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Unknown property gap

Open

    gap: 0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

        background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

Selector distributor_address should be written in lowercase with hyphens

Open

    #distributor_address.panel {

• Exclude checks
  • Disable engine
  • Disable check

Declaration should be terminated by a semicolon

Open

        color: $teal-500

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      .button {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  span, span > a {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

    span.checkout-tab-label {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      label {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include headingFont;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    span, span > a {

• Exclude checks
  • Disable engine
  • Disable check

Selector distributor_address should be written in lowercase with hyphens

Open

.already-ordered .panel, #distributor_address.panel {

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:before {

• Exclude checks
  • Disable engine
  • Disable check

Selector ofn-i_051-check-big should be written in lowercase with hyphens

Open

    i.ofn-i_051-check-big:before {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

      }

• Exclude checks
  • Disable engine
  • Disable check

Property margin-left already defined on line 169

Open

    margin-left: 10px;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

      &:after {

• Exclude checks
  • Disable engine
  • Disable check

Merge rule .summary-right with rule on line 343

Open

.summary-right {

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying attribute selectors with an element.

Open

    input[type=checkbox] + label {

• Exclude checks
  • Disable engine
  • Disable check

Selector ofn-i_051-check-big should be written in lowercase with hyphens

Open

    i.ofn-i_051-check-big {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

    &:last-child > .checkout-input {

• Exclude checks
  • Disable engine
  • Disable check

Line should be indented 4 spaces, but was indented 6 spaces

Open

      label {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

  .medium-6, .medium-10 {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include headingFont;

• Exclude checks
  • Disable engine
  • Disable check

Color white should be written in hexadecimal form as #ffffff

Open

      background: white;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:after {

• Exclude checks
  • Disable engine
  • Disable check

Colon after property should be followed by one space

Open

      padding:0;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-top: 1px solid #DDD;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      .checkout-input {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    &.medium-6, &.medium-10 {

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

.already-ordered .panel, #distributor_address.panel {

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    &:after {

• Exclude checks
  • Disable engine
  • Disable check

Selector formError should be written in lowercase with hyphens

Open

  .checkout-input span.formError, div.error.card-errors {

• Exclude checks
  • Disable engine
  • Disable check

Color literals like rgba(193, 18, 43, 0.1) should only be used in variable declarations; they should be referred to via variable everywhere else.

Open

    background-color: rgba(193, 18, 43, 0.1);

• Exclude checks
  • Disable engine
  • Disable check

0px should be written without units as 0

Open

      grid-row-gap: 0px;

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

    i.ofn-i_051-check-big:before {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border: 1px solid #cccccc;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  div.error.card-errors {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border-right: 1px solid #DDD;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-right: none;

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

    span.checkout-tab-number {

• Exclude checks
  • Disable engine
  • Disable check

Begin pseudo elements with double colons: ::

Open

      &:after {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      border-right: 1px solid #DDD;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

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

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

  }

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

    }  

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      box-shadow: 0 -4px 10px #DDD;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    span, span > a {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

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

Open

.already-ordered .panel, #distributor_address.panel {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

      } 

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      background: white;

• Exclude checks
  • Disable engine
  • Disable check

Avoid qualifying class selectors with an element.

Open

  em.fees {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

    }

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

    }  

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    .summary-right-line.total {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

    }

• Exclude checks
  • Disable engine
  • Disable check

Color #DDD should be written as #ddd

Open

      border-right: 1px solid #DDD;

• Exclude checks
  • Disable engine
  • Disable check

Avoid using id selectors

Open

#line-items {

• Exclude checks
  • Disable engine
  • Disable check

Unknown property gap

Open

  gap: 1rem;

• Exclude checks
  • Disable engine
  • Disable check

Declaration should be terminated by a semicolon

Open

      background-color: $teal-400

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      span {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

  }  

• Exclude checks
  • Disable engine
  • Disable check

Color white should be written in hexadecimal form as #ffffff

Open

        background-color: white;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    .checkout-submit {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    > :nth-child(2) {

• Exclude checks
  • Disable engine
  • Disable check

@media declaration should be followed by an empty line

Open

}

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

  } 

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      input {

• Exclude checks
  • Disable engine
  • Disable check

Merge rule .checkout-summary with rule on line 262

Open

.checkout-summary {

• Exclude checks
  • Disable engine
  • Disable check

Line contains trailing whitespace

Open

• Exclude checks
  • Disable engine
  • Disable check

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

Open

      .voucher {

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    @include headingFont;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    border-right: none;

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be preceded by an empty line

Open

      &:hover {

• Exclude checks
  • Disable engine
  • Disable check

Unknown property gap

Open

      gap: 1rem;

• Exclude checks
  • Disable engine
  • Disable check

Color #DDD should be written as #ddd

Open

    border-top: 1px solid #DDD;

• Exclude checks
  • Disable engine
  • Disable check

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

Open

    span, span > a {

• Exclude checks
  • Disable engine
  • Disable check

Rule declaration should be followed by an empty line

Open

    }

• Exclude checks
  • Disable engine
  • Disable check