openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/css/admin/dropdown.scss

Summary

Maintainability
Test Coverage

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

  color: #575757;

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

      color: #828282;

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

    background-color: #ffffff;

Avoid qualifying attribute selectors with an element.
Open

      > input[type="text"] {

Rule declaration should be preceded by an empty line
Open

        &:before {

Merge rule .ofn-drop-down with rule on line 9
Open

.ofn-drop-down {

0px should be written without units as 0
Open

    margin-right: 0px;

0px should be written without units as 0
Open

    left: 0px;

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

      > input[type="text"] {

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

        color: #454545;

0px should be written without units as 0
Open

        padding: 0px 15px 0px 0px;

Merge rule > details > summary:after with rule on line 184
Open

  > details > summary:after {

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

  background-color: white;

0px should be written without units as 0
Open

  padding: 0px;

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

      border-color: #d4d4d4;

0px should be written without units as 0
Open

        padding: 0px 15px 0px 0px;

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

    border: 1px solid #adadad;

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

    border: 1px solid #adadad;

0px should be written without units as 0
Open

      margin: 0px;

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

      .check {

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

        .check:before {

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

        border: 1px solid rgba(18, 18, 18, 0.1);

Selector menu_items should be written in lowercase with hyphens
Open

  .menu_items {

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

    color: #575757;

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

      .name {

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

  border: 1px solid #adadad;

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

        &:before {

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

  color: #fff;

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

  border: 1px solid #d4d4d4;

Begin pseudo elements with double colons: ::
Open

        .check:before {

Selector menu_item should be written in lowercase with hyphens
Open

    .menu_item {

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

      color: #454545;

Avoid using id selectors
Open

#content-header .ofn-drop-down {

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

  background-color: #f5f5f5;

0px should be written without units as 0
Open

    padding: 5px 0px;

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

    box-shadow: 1px 3px 10px #888888;

Merge rule > details > summary with rule on line 184
Open

  > details > summary {

Merge rule .ofn-drop-down.ofn-drop-down-v2 with rule on line 9
Open

.ofn-drop-down.ofn-drop-down-v2 {

border: 0 is preferred over border: none
Open

  border: none;

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

    border-right: none;

Selector menu_item should be written in lowercase with hyphens
Open

    .menu_item {

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

      color: #454545;

Begin pseudo elements with double colons: ::
Open

  > details > summary:after {

0px should be written without units as 0
Open

      padding-right: 0px;

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

  color: #828282;

Begin pseudo elements with double colons: ::
Open

  > details[open] > summary:after {

Avoid qualifying attribute selectors with an element.
Open

  > details[open] > summary:after {

Color #ffffff should be written as #fff
Open

    background-color: #ffffff;

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

        color: #454545;

Begin pseudo elements with double colons: ::
Open

        &:before {

Begin pseudo elements with double colons: ::
Open

      &:after {

0px should be written without units as 0
Open

        padding: 0px 15px 0px 0px;

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

      background-color: #ededed;

Color #888888 should be written as #888
Open

    box-shadow: 1px 3px 10px #888888;

Selector menu_item should be written in lowercase with hyphens
Open

    .menu_item:hover {

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

  background-color: white;

There are no issues that match your filters.

Category
Status