lightspeeddevelopment/lsx-customizer

View on GitHub
assets/css/scss/layout/_banner.scss

Summary

Maintainability
Test Coverage

Expected item on line 42 to appear before line 38. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

        @include media('>=tablet') {

Unnecessary parent selector (&)
Open

            & p {

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

                    .search-field {

@include declaration should be followed by an empty line
Open

                        }

Unnecessary parent selector (&)
Open

        & > .page-banner-image {

Begin pseudo elements with double colons: ::
Open

            &:after {

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

                        .btn {

Line should be indented with spaces, not tabs
Open

    html.ie .page-has-banner-full & {

Unnecessary parent selector (&)
Open

        & > .container {

@include declaration should be preceded by an empty line
Open

            @include media('>992px') {

Line should be indented with spaces, not tabs
Open

    html:not(.ie) .page-has-banner-full & {

Line should be indented with spaces, not tabs
Open

    .lsx-banner-content-wrap,

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

            border-color: white;

@include declaration should be followed by an empty line
Open

                }

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

                .field {

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

                    &.submit-button, &.combination-dropdown {

Nesting should be no greater than 3, but was 4
Open

            &:after {

Nesting should be no greater than 3, but was 4
Open

            & > .page-title {

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

                .lsx.single-post & { display: none; }

Rule declaration should be preceded by an empty line
Open

                &:hover {

Properties should be ordered border-radius, min-width
Open

                            min-width: 400px;

Line should be indented with spaces, not tabs
Open

    html:not(.ie) .page-has-banner-full.admin-bar & {

Rule declaration should be preceded by an empty line
Open

            .input-group {

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

            & p {

Properties should be ordered margin-left, margin-top, width
Open

                                width: 100%;

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

        html:not(.ie) .page-has-banner-full & {

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

            border-color: white;

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

            color: white !important;

@include declaration should be preceded by an empty line
Open

                @include media('<custom') {

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

                    &.submit-button, &.combination-dropdown {

Line should be indented with spaces, not tabs
Open

    .page-banner {

!important should not be used
Open

            color: white !important;

Properties should be ordered background-color, background-position, background-repeat, background-size, bottom, left, position, right, top, z-index
Open

            bottom: 0;

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

                &:last-child { margin-bottom: 0; }

Properties should be ordered border, border-color, border-radius, color, display, font-size, line-height, margin-top, padding, width
Open

            border-radius: 50%;

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

            color: white !important;

Properties should be ordered display, justify-content, width
Open

                width: 100%;

Line should be indented with spaces, not tabs
Open

    html:not(.ie) .page-has-banner-full & {

@include declaration should be preceded by an empty line
Open

                        @include media('>=tablet') {

Rule declaration should be followed by an empty line
Open

                    }

Nesting should be no greater than 3, but was 4
Open

            & p {

Properties should be ordered display, justify-content, width
Open

            width: 100%;

Nesting should be no greater than 3, but was 4
Open

                .field {

@include declaration should be preceded by an empty line
Open

                            @include media('<custom') {

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

            & > .page-title {

Unnecessary parent selector (&)
Open

            & > .page-title {

Avoid qualifying class selectors with an element.
Open

    html.ie .page-has-banner-full & {

Expected item on line 152 to appear before line 150. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

            @include media('>=desktop') {

Rule declaration should be followed by an empty line
Open

        }

There are no issues that match your filters.

Category
Status