openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

      @extend .icon-caret-up;

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

  @extend .icon-search;

Shorthand form for property padding should be written more concisely as 6px 3px 3px instead of 6px 3px 3px 3px
Open

    padding: 6px 3px 3px 3px;

Merge rule .select2-container .select2-choices with rule on line 1
Open

.select2-container .select2-choices {

Rule declaration should be preceded by an empty line
Open

  .select2-choice {

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

    &.select2-dropdown-open .select2-choice div b {

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

      @extend [class^="icon-"], :before;

Rule declaration should be followed by an empty line
Open

  }

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

  b {

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

      .select2-search-choice-close {

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

    span {

Avoid qualifying class selectors with an element.
Open

.select2-results li.select2-highlighted .select2-result-label,

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

        @extend [class^="icon-"], :before;

Rule declaration should be followed by an empty line
Open

  }

Avoid qualifying class selectors with an element.
Open

.select2-results li.select2-highlighted .select2-result-label,

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

        @extend .icon-remove;

Begin pseudo elements with double colons: ::
Open

  &:before {

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

    @extend input, [type="text"];

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

.select2-results li.select2-highlighted .select2-result-label,

Merge rule .select2-container .select2-choice .select2-arrow with rule on line 1
Open

.select2-container .select2-choice .select2-arrow {

Rule declaration should be followed by an empty line
Open

    }

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

    @extend [class^="icon-"], :before;

Merge rule .select2-container with rule on line 1
Open

.select2-container {

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

          @include arrowDown;

Rule declaration should be preceded by an empty line
Open

      input {

Rule declaration should be followed by an empty line
Open

    }

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

    @extend input, [type="text"];

Merge rule .select2-container with rule on line 1
Open

.select2-container {

Begin pseudo elements with double colons: ::
Open

        &:before {

Begin pseudo elements with double colons: ::
Open

    &:before {

Avoid comma sequences in @extend directives; prefer single placeholder selectors (e.g. %some-placeholder)
Open

        @extend [class^="icon-"], :before;

border: 0 is preferred over border: none
Open

      border: none;

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

      @extend .icon-remove;

border: 0 is preferred over border: none
Open

      border: none;

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

        &:before {

Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
Open

        @extend .icon-remove;

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

    &:before {

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

        &,

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

      b {

There are no issues that match your filters.

Category
Status