openfoodfoundation/openfoodnetwork

View on GitHub
app/webpacker/css/admin_v3/components/dropdown.scss

Summary

Maintainability
Test Coverage

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 #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

    summary:after {

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-right: 0px;

Begin pseudo elements with double colons: ::
Open

      &:after {

Selector menu_items should be written in lowercase with hyphens
Open

  .menu_items {

border: 0 is preferred over border: none
Open

  border: none;

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

  color: #fff;

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

    border-right: none;

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

      .check {

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

.ofn-drop-down {

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

        .check:before {

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;

Rule declaration should be preceded by an empty line
Open

      &:before {

Begin pseudo elements with double colons: ::
Open

      &:after {

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 literals like #d4d4d4 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

  border: 1px solid #d4d4d4;

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

  > details > summary {

0px should be written without units as 0
Open

  padding: 0px;

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

      > input[type="text"] {

0px should be written without units as 0
Open

        padding: 0px 15px 0px 0px;

0px should be written without units as 0
Open

    margin-right: 0px;

0px should be written without units as 0
Open

    left: 0px;

0px should be written without units as 0
Open

      margin: 0px;

0px should be written without units as 0
Open

        padding: 0px 15px 0px 0px;

Avoid qualifying attribute selectors with an element.
Open

  &[open] >,

Avoid using id selectors
Open

#content-header .ofn-drop-down {

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

        color: #454545;

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

      border-color: #d4d4d4;

Avoid qualifying attribute selectors with an element.
Open

      > input[type="text"] {

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);

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

        color: #454545;

Selector menu_item should be written in lowercase with hyphens
Open

    .menu_item {

Begin pseudo elements with double colons: ::
Open

    &:after {

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

  background-color: #f5f5f5;

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

    color: #575757;

Begin pseudo elements with double colons: ::
Open

      &:before {

Color #ffffff should be written as #fff
Open

    background-color: #ffffff;

Begin pseudo elements with double colons: ::
Open

        &:before {

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

      .name {

Begin pseudo elements with double colons: ::
Open

        .check:before {

Selector menu_item should be written in lowercase with hyphens
Open

    .menu_item {

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

        &:before {

0px should be written without units as 0
Open

        padding: 0px 15px 0px 0px;

Begin pseudo elements with double colons: ::
Open

    .icon-caret-up:after {

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

      color: #454545;

Unnecessary parent selector (&)
Open

      & > * {

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

      color: #828282;

Selector menu_item should be written in lowercase with hyphens
Open

    .menu_item:hover {

Begin pseudo elements with double colons: ::
Open

  summary:after {

Rule declaration should be followed by an empty line
Open

      }

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;

Rule declaration should be preceded by an empty line
Open

        &:before {

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

        @include arrowDown;

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

    background-color: #ffffff;

Color #888888 should be written as #888
Open

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

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

      & > * {

There are no issues that match your filters.

Category
Status