openfoodfoundation/openfoodnetwork

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

Summary

Maintainability
Test Coverage

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

@mixin paneWhiteText {

Name of variable border-radius-TR should be written in all lowercase letters with hyphens instead of underscores
Open

@mixin border-radius-mixed($border-radius-TL, $border-radius-TR, $border-radius-BR, $border-radius-BL) {

@else should be placed on same line as previous curly brace
Open

  @else if $point == mobile {

Name of variable border-radius-BR should be written in all lowercase letters with hyphens instead of underscores
Open

@mixin border-radius-mixed($border-radius-TL, $border-radius-TR, $border-radius-BR, $border-radius-BL) {

Name of variable border-radius-BL should be written in all lowercase letters with hyphens instead of underscores
Open

@mixin border-radius-mixed($border-radius-TL, $border-radius-TR, $border-radius-BR, $border-radius-BL) {

Name of variable border-radius-TL should be written in all lowercase letters with hyphens instead of underscores
Open

  -webkit-border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

Name of variable border-radius-TL should be written in all lowercase letters with hyphens instead of underscores
Open

  border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

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

  @include paneWhiteText;

Unnecessary parent selector (&)
Open

  &, & * {

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

    color: white;

Color #111111 should be written as #111
Open

  text-shadow: 0 -1px 1px #111111, 0 1px 2px #222222;

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

@mixin sidepaddingBg {

Name of variable border-radius-BL should be written in all lowercase letters with hyphens instead of underscores
Open

  -webkit-border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

@else should be placed on same line as previous curly brace
Open

  @else if $point == mobile {

Expected 0 spaces after ( instead of
Open

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-clr1', endColorstr='$gradient-clr2',GradientType=0 );

Name of variable border-radius-TR should be written in all lowercase letters with hyphens instead of underscores
Open

  border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

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

  &, & * {

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

@mixin sidepaddingSm {

@else should be placed on same line as previous curly brace
Open

  @else if $point == phablet {

@else should be placed on same line as previous curly brace
Open

  @else if $point == phablet {

Expected 0 spaces before ) instead of
Open

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$gradient-clr1', endColorstr='$gradient-clr2',GradientType=0 );

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

@mixin tiledPane {

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

    color: white;

Name of variable border-radius-BR should be written in all lowercase letters with hyphens instead of underscores
Open

  -webkit-border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

Name of variable border-radius-BL should be written in all lowercase letters with hyphens instead of underscores
Open

  border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

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

  text-shadow: 0 -1px 1px #111111, 0 1px 2px #222222;

Name of variable border-radius-BR should be written in all lowercase letters with hyphens instead of underscores
Open

  border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

Property background already defined on line 152
Open

  background: linear-gradient(to bottom, $gradient-clr1 0%, $gradient-clr2 100%);

Name of variable border-radius-TL should be written in all lowercase letters with hyphens instead of underscores
Open

@mixin border-radius-mixed($border-radius-TL, $border-radius-TR, $border-radius-BR, $border-radius-BL) {

@else should be placed on same line as previous curly brace
Open

  @else if $point == mobile {

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

  text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);

@else should be placed on same line as previous curly brace
Open

  @else if $point == tablet {

Name of variable border-radius-TR should be written in all lowercase letters with hyphens instead of underscores
Open

  -webkit-border-radius: $border-radius-TL $border-radius-TR $border-radius-BR $border-radius-BL;

Color #222222 should be written as #222
Open

  text-shadow: 0 -1px 1px #111111, 0 1px 2px #222222;

There are no issues that match your filters.

Category
Status