openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

Avoid qualifying class selectors with an element.
Open

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

Avoid qualifying class selectors with an element.
Open

  nav.top-bar {

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

        img {

0px should be written without units as 0
Open

          margin: 0px 0.4em 0.4em 0px;

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

          color: #000;

Avoid qualifying class selectors with an element.
Open

      ul.right li.cart div.joyride-tip-guide {

Opening curly brace { should be preceded by one space
Open

            td{

Avoid qualifying class selectors with an element.
Open

    ul.left li.powered-by span {

Avoid qualifying class selectors with an element.
Open

      li.powered-by {

Line should be indented 2 spaces, but was indented 3 spaces
Open

   font-weight: 300;

Commas in function arguments should be followed by one space
Open

    background-color: rgba(0,0,0,0.25);

Commas in function arguments should be followed by one space
Open

      background-color: rgba(0,0,0,0.35);

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

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

Avoid using id selectors
Open

  #group-page header {

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

   color: #555;

Line should be indented 2 spaces, but was indented 3 spaces
Open

   padding: 0 !important;

Line should be indented 2 spaces, but was indented 3 spaces
Open

   opacity: 0.6;

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

   @include headingFont;

Line should be indented 2 spaces, but was indented 3 spaces
Open

   color: #555;

Avoid qualifying class selectors with an element.
Open

      ul.right li.cart div.joyride-tip-guide {

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

        div.joyride-tip-guide {

Line should be indented 2 spaces, but was indented 3 spaces
Open

   margin-top: 6px;

Commas in function arguments should be followed by one space
Open

    background-color: rgba(0,0,0,0.25);

Avoid qualifying class selectors with an element.
Open

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

Avoid qualifying class selectors with an element.
Open

    nav.top-bar {

Avoid qualifying class selectors with an element.
Open

body.embedded {

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

            td{

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

    ul.left li.powered-by span {

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

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

Avoid qualifying class selectors with an element.
Open

      ul.left li, ul.right li {

Commas in function arguments should be followed by one space
Open

      background-color: rgba(0,0,0,0.35);

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

        .joyride-content-wrapper {

Avoid qualifying class selectors with an element.
Open

    ul.left li.powered-by span {

Avoid qualifying class selectors with an element.
Open

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

Avoid qualifying class selectors with an element.
Open

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

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

        span, a {

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

      ul.left li, ul.right li {

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

      ul.right li.cart div.joyride-tip-guide {

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

          table tr.product-cart {

Avoid qualifying class selectors with an element.
Open

        div.joyride-tip-guide {

Avoid qualifying class selectors with an element.
Open

  a.button.allow {

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

      background-color: rgba(0,0,0,0.35);

Commas in function arguments should be followed by one space
Open

      background-color: rgba(0,0,0,0.35);

Avoid qualifying class selectors with an element.
Open

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

Avoid qualifying class selectors with an element.
Open

    ul.left {

Merge rule li.powered-by with rule on line 22
Open

      li.powered-by {

Avoid qualifying class selectors with an element.
Open

      ul.left li, ul.right li {

Line should be indented 2 spaces, but was indented 3 spaces
Open

   font-size: 1rem;

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

    background-color: rgba(0,0,0,0.25);

Commas in function arguments should be followed by one space
Open

    background-color: rgba(0,0,0,0.25);

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 {

0px should be written without units as 0
Open

          margin: 0px 0.4em 0.4em 0px;

Avoid qualifying class selectors with an element.
Open

      ul.right li.cart div.joyride-tip-guide {

Selector current_hub should be written in lowercase with hyphens
Open

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

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

      li.powered-by {

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

          color: #555;

Avoid qualifying class selectors with an element.
Open

    ul.right {

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 5
Open

        i, span {

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

        h5 {

Avoid qualifying class selectors with an element.
Open

          table tr.product-cart {

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

          .button {

Line should be indented 2 spaces, but was indented 3 spaces
Open

   @include headingFont;

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

        span, a {

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

      ul.left li, ul.right li {

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

        i, span {

Line should be indented 2 spaces, but was indented 3 spaces
Open

   display: none;

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

    ul.left li.ofn-logo, ul.center, ul.right li.current_hub {

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

        a:hover {

Avoid qualifying class selectors with an element.
Open

    ul.right {

Avoid qualifying class selectors with an element.
Open

      li.cart {

There are no issues that match your filters.

Category
Status