app/webpacker/css/admin/components/tom_select.scss from openfoodfoundation/openfoodnetwork

app/webpacker/css/admin/components/tom_select.scss

Summary

Maintainability

Test Coverage

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper.multi` with rule on line 1
Open

.ts-wrapper.multi {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Begin pseudo elements with double colons: `::`
Open

  &:after {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper.no-search` with rule on line 1
Open

.ts-wrapper.no-search {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper.single .ts-control` with rule on line 1
Open

.ts-wrapper.single .ts-control {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Begin pseudo elements with double colons: `::`
Open

  &:after {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

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

    @extend .icon-search;

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-dropdown [data-selectable] .highlight` with rule on line 33
Open

.ts-dropdown [data-selectable] .highlight {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

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

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid using id selectors
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Begin pseudo elements with double colons: `::`
Open

  &:before {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

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

  background: rgba(149, 180, 255, 0.26);

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid using id selectors
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper.plugin-remove_button .item .remove` with rule on line 1
Open

.ts-wrapper.plugin-remove_button .item .remove {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

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

    @extend [class^="icon-"];

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-control > div` with rule on line 6
Open

  .ts-control > div {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Selector `plugin-remove_button` should be written in lowercase with hyphens
Open

.ts-wrapper.plugin-remove_button .item .remove {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Shorthand form for property `border-color` should be written more concisely as `$white transparent transparent` instead of `$white transparent transparent transparent`
Open

    border-color: $white transparent transparent transparent;

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid using id selectors
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid using id selectors
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper .select-multiple` with rule on line 1
Open

.ts-wrapper .select-multiple {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper.single .ts-control` with rule on line 1
Open

.ts-wrapper.single .ts-control {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Avoid qualifying class selectors with an element.
Open

.ts-dropdown .create:hover,

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

`border: 0` is preferred over `border: none`
Open

    border: none;

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Merge rule `.ts-wrapper.dropdown-active.primary .ts-control` with rule on line 1
Open

.ts-wrapper.dropdown-active.primary .ts-control {

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

Shorthand form for property `border-color` should be written more concisely as `transparent transparent $white` instead of `transparent transparent $white transparent`
Open

    border-color: transparent transparent $white transparent;

Found in app/webpacker/css/admin/components/tom_select.scss by scss-lint

Exclude checks
- Disable engine
- Disable check

openfoodfoundation/openfoodnetwork

Summary

Maintainability

Test Coverage

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-wrapper.multi` with rule on line 1
Open

Begin pseudo elements with double colons: `::`
Open

Merge rule `.ts-wrapper.no-search` with rule on line 1
Open

Avoid qualifying class selectors with an element.
Open

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-wrapper.single .ts-control` with rule on line 1
Open

Begin pseudo elements with double colons: `::`
Open

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

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-dropdown [data-selectable] .highlight` with rule on line 33
Open

Avoid qualifying class selectors with an element.
Open

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

Avoid using id selectors
Open

Avoid qualifying class selectors with an element.
Open

Begin pseudo elements with double colons: `::`
Open

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

Avoid using id selectors
Open

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-wrapper.plugin-remove_button .item .remove` with rule on line 1
Open

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

Merge rule `.ts-control > div` with rule on line 6
Open

Selector `plugin-remove_button` should be written in lowercase with hyphens
Open

Shorthand form for property `border-color` should be written more concisely as `$white transparent transparent` instead of `$white transparent transparent transparent`
Open

Avoid using id selectors
Open

Avoid using id selectors
Open

Merge rule `.ts-wrapper .select-multiple` with rule on line 1
Open

Merge rule `.ts-wrapper.single .ts-control` with rule on line 1
Open

Avoid qualifying class selectors with an element.
Open

`border: 0` is preferred over `border: none`
Open

Merge rule `.ts-wrapper.dropdown-active.primary .ts-control` with rule on line 1
Open

Shorthand form for property `border-color` should be written more concisely as `transparent transparent $white` instead of `transparent transparent $white transparent`
Open

There are no issues that match your filters.

Category

Status

openfoodfoundation/openfoodnetwork

Summary

Maintainability

Test Coverage

Avoid qualifying class selectors with an element. Open

Merge rule .ts-wrapper.multi with rule on line 1 Open

Begin pseudo elements with double colons: :: Open

Merge rule .ts-wrapper.no-search with rule on line 1 Open

Avoid qualifying class selectors with an element. Open

Avoid qualifying class selectors with an element. Open

Merge rule .ts-wrapper.single .ts-control with rule on line 1 Open

Begin pseudo elements with double colons: :: Open

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

Avoid qualifying class selectors with an element. Open

Merge rule .ts-dropdown [data-selectable] .highlight with rule on line 33 Open

Avoid qualifying class selectors with an element. Open

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

Avoid using id selectors Open

Avoid qualifying class selectors with an element. Open

Begin pseudo elements with double colons: :: Open

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

Avoid using id selectors Open

Avoid qualifying class selectors with an element. Open

Merge rule .ts-wrapper.plugin-remove_button .item .remove with rule on line 1 Open

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

Merge rule .ts-control > div with rule on line 6 Open

Selector plugin-remove_button should be written in lowercase with hyphens Open

Shorthand form for property border-color should be written more concisely as $white transparent transparent instead of $white transparent transparent transparent Open

Avoid using id selectors Open

Avoid using id selectors Open

Merge rule .ts-wrapper .select-multiple with rule on line 1 Open

Merge rule .ts-wrapper.single .ts-control with rule on line 1 Open

Avoid qualifying class selectors with an element. Open

border: 0 is preferred over border: none Open

Merge rule .ts-wrapper.dropdown-active.primary .ts-control with rule on line 1 Open

Shorthand form for property border-color should be written more concisely as transparent transparent $white instead of transparent transparent $white transparent Open

There are no issues that match your filters.

Category

Status

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-wrapper.multi` with rule on line 1
Open

Begin pseudo elements with double colons: `::`
Open

Merge rule `.ts-wrapper.no-search` with rule on line 1
Open

Avoid qualifying class selectors with an element.
Open

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-wrapper.single .ts-control` with rule on line 1
Open

Begin pseudo elements with double colons: `::`
Open

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

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-dropdown [data-selectable] .highlight` with rule on line 33
Open

Avoid qualifying class selectors with an element.
Open

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

Avoid using id selectors
Open

Avoid qualifying class selectors with an element.
Open

Begin pseudo elements with double colons: `::`
Open

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

Avoid using id selectors
Open

Avoid qualifying class selectors with an element.
Open

Merge rule `.ts-wrapper.plugin-remove_button .item .remove` with rule on line 1
Open

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

Merge rule `.ts-control > div` with rule on line 6
Open

Selector `plugin-remove_button` should be written in lowercase with hyphens
Open

Shorthand form for property `border-color` should be written more concisely as `$white transparent transparent` instead of `$white transparent transparent transparent`
Open

Avoid using id selectors
Open

Avoid using id selectors
Open

Merge rule `.ts-wrapper .select-multiple` with rule on line 1
Open

Merge rule `.ts-wrapper.single .ts-control` with rule on line 1
Open

Avoid qualifying class selectors with an element.
Open

`border: 0` is preferred over `border: none`
Open

Merge rule `.ts-wrapper.dropdown-active.primary .ts-control` with rule on line 1
Open

Shorthand form for property `border-color` should be written more concisely as `transparent transparent $white` instead of `transparent transparent $white transparent`
Open