openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

Merge rule [class*="block-grid-"] > li with rule on line 39
Open

  [class*="block-grid-"] > li {

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

      render-svg {

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

    @include big-input(rgba(0, 0, 0, 0.3), #777, $clr-brick);

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

    @include box-shadow(inset 0 1px 3px 0 rgba(143, 48, 29, 0.5));

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

        svg {

Avoid qualifying class selectors with an element.
Open

  li.active {

Merge rule li.active a with rule on line 47
Open

  li.active a {

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

    &:hover, &:focus {

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

    @include big-input(rgba(0, 0, 0, 0.3), #777, $clr-brick);

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

    &:hover, &:focus {

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

        svg {

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

          fill: #666;

Avoid using id selectors
Open

#active-table-search {

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

  @include placeholder(rgba(0, 0, 0, 0.4), #777);

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

          path {

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

  @include placeholder(rgba(0, 0, 0, 0.4), #777);

Avoid qualifying attribute selectors with an element.
Open

  input[type="text"], input[type="search"] {

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

    background: white;

Merge rule li.active with rule on line 47
Open

  li.active {

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

    render-svg {

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

    render-svg {

Avoid qualifying class selectors with an element.
Open

  li.active a {

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

    &:hover, &:focus {

Merge rule li a with rule on line 47
Open

  li a {

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

      svg {

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

    i {

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

        path {

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

          path {

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

      svg {

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

  input[type="text"], input[type="search"] {

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

  background: rgba(245, 245, 245, 0.6);

Avoid qualifying attribute selectors with an element.
Open

  input[type="text"], input[type="search"] {

Shorthand form for property margin should be written more concisely as 0 0 0.5rem instead of 0 0 0.5rem 0
Open

    margin: 0 0 0.5rem 0;

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

      render-svg {

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

    &:active, &.active {

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

        path {

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

      background: rgba(255, 255, 255, 0.25);

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

    background: white;

There are no issues that match your filters.

Category
Status