openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

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

dialog .mobile-close-reveal-modal

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

    background-color: rgba(205, 205, 205, 1);

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

  color: #666;

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

  &:hover, &:active, &:focus {

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

dialog

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

  background-color: rgba(205, 205, 205, 0.65);

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

dialog .mobile-close-reveal-modal

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

dialog .close-reveal-modal

Avoid qualifying class selectors with an element.
Open

body.modal-open {

Shorthand form for property padding should be written more concisely as 30px 20px 0 instead of 30px 20px 0 20px
Open

    padding: 30px 20px 0 20px;

border: 0 is preferred over border: none
Open

  border: none;

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

dialog .close-reveal-modal

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

  &:hover, &:active, &:focus {

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

dialog

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

    color: #333;

There are no issues that match your filters.

Category
Status