openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

Avoid qualifying class selectors with an element.
Open

  a.icon {

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

        background-color: white;

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

  li:not(.has-form), li:not(.has-form) a:not(.button), li:not(.has-form) a:not(.button):hover {

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

    @include headingFont;

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

    background-color: #f4704c;

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

      color: white;

Avoid qualifying class selectors with an element.
Open

nav.top-bar {

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

  ul li.ofn-logo > a {

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

  @include box-shadow(inset 0 0 6px 2px rgba(0, 0, 0, 0.5));

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

    &:hover {

Avoid qualifying class selectors with an element.
Open

  body.off-canvas {

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

      color: rgba(0, 0, 0, 0.9);

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

      color: white;

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

      img {

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

    li > a {

Avoid qualifying class selectors with an element.
Open

  body.off-canvas {

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

      span {

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

        background-color: white;

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

      img {

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

      span {

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

  li a {

Avoid qualifying class selectors with an element.
Open

  ul.dropdown {

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

      border-left: 1px solid #ddd;

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

    a {

Merge rule .top-bar-section with rule on line 32
Open

.top-bar-section {

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

      img {

Merge rule .tab-bar .ofn-logo with rule on line 168
Open

.tab-bar .ofn-logo {

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

    background-color: #f4704c;

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

      color: white;

border-top: 0 is preferred over border-top: none
Open

    border-top: none;

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

      i {

Avoid qualifying class selectors with an element.
Open

  li.cart {

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

.top-bar-section ul li > a.top-bar--menu-item-with-icon {

Avoid qualifying class selectors with an element.
Open

.off-canvas-wrap ul.off-canvas-list {

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

    a span {

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

    color: rgba(0, 0, 0, 0.9);

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

  background-color: white;

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

        color: #f4704c;

Merge rule .off-canvas-wrap.move-right .tab-bar .menu-icon with rule on line 210
Open

.off-canvas-wrap.move-right .tab-bar .menu-icon {

Avoid qualifying class selectors with an element.
Open

.off-canvas-wrap ul.off-canvas-list i {

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

      color: white;

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

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

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

  ul li > a {

Avoid qualifying class selectors with an element.
Open

.off-canvas-list li.language-switcher ul li {

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

    @include headingFont;

Avoid qualifying class selectors with an element.
Open

.top-bar-section ul li > a.top-bar--menu-item-with-icon {

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

        color: #f4704c;

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

      color: white;

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

  background-color: white;

Merge rule .off-canvas-wrap ul.off-canvas-list with rule on line 210
Open

.off-canvas-wrap ul.off-canvas-list {

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

  li:not(.has-form), li:not(.has-form) a:not(.button), li:not(.has-form) a:not(.button):hover {

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

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

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

        color: #f4704c;

Avoid qualifying class selectors with an element.
Open

  ul li.ofn-logo > a {

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

        background-color: white;

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

      color: white;

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

  background-color: white;

Merge rule .off-canvas-wrap ul.off-canvas-list i with rule on line 210
Open

.off-canvas-wrap ul.off-canvas-list i {

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

    ul li a,

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

.off-canvas-list li.language-switcher ul li {

Merge rule .off-canvas-wrap .tab-bar .menu-icon with rule on line 210
Open

.off-canvas-wrap .tab-bar .menu-icon {

There are no issues that match your filters.

Category
Status