lightspeeddevelopment/lsx-customizer

View on GitHub
assets/css/scss/layout/_top-menu.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    .top-menu {

Color #FFFFFF should be written as #FFF
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

Properties should be ordered float, height, text-align
Open

                height: 100%;

Unnecessary parent selector (&)
Open

    & > .container {

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

                & > a {

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

                &.email > a:before { content: $fa-var-envelope-o; }

Line should be indented with spaces, not tabs
Open

    @include media('<tablet') {

Line should be indented with spaces, not tabs
Open

    @media (max-width: 500px) {

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

                &.cta {

Unnecessary parent selector (&)
Open

                                & > .wpml-ls-flag + span { display: none; }

Unnecessary parent selector (&)
Open

                & > .menu-item {

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

                    > a {

Unnecessary parent selector (&)
Open

        & > .menu {

Color #FFFFFF should be written as #ffffff
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                        &:not(.cta):not(.cta-red) {

Line should be indented with spaces, not tabs
Open

    .dropdown-menu {

Rule declaration should be preceded by an empty line
Open

                a {

Avoid using id selectors
Open

#top-menu {

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

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                            &:before {

Begin pseudo elements with double colons: ::
Open

                &:before {

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

                        &:before {

Color #9F2020 should be written as #9f2020
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                            &:first-child { margin-left: 5px; }

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

                            & > a {

Unnecessary parent selector (&)
Open

            & > .menu {

Unnecessary parent selector (&)
Open

        & > .menu-item {

Unnecessary parent selector (&)
Open

            & > .menu-item {

Begin pseudo elements with double colons: ::
Open

                &.email > a:before { content: $fa-var-envelope-o; }

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

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                & > .dropdown-menu {

Avoid using id selectors
Open

        #menu-top-menu {

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

            width: 100%;

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

            & > .menu-item {

Unnecessary parent selector (&)
Open

                            & > a {

Line should be indented with spaces, not tabs
Open

    .dropdown {

Unnecessary parent selector (&)
Open

            & > a {

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

            & > a {

!important should not be used
Open

            float: none !important;

Unnecessary parent selector (&)
Open

                    & > a {

Unnecessary parent selector (&)
Open

                    & > a {

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

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                & > .menu-item {

Unnecessary parent selector (&)
Open

                            & > a { padding: 0 5px; }

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

            .header-central & { flex-grow: 0; }

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

                        .caret { display: none; }

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

                        &.wpml-ls-menu-item {

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

            & > .menu {

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

            & > a {

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

                &.tel > a:before { content: $fa-var-phone; }

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

                    & > a {

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

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

            & > .menu {

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

                        &:not(.cta):not(.cta-red) > a {

Begin pseudo elements with double colons: ::
Open

                            &:before {

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

    @include media('<tablet') {

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

                &.map,

Rule declaration should be preceded by an empty line
Open

                    > a {

Unnecessary parent selector (&)
Open

                & > a {

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

                        &,

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

                    & > a {

Color #D93A3A should be written as #d93a3a
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

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

                                & > .wpml-ls-flag + span { display: none; }

Unnecessary parent selector (&)
Open

                & > .dropdown-menu {

Properties should be ordered border, border-radius, box-shadow, display, left, margin, opacity, padding, transform, transform-origin, transition, z-index
Open

        box-shadow: none;

@include declaration should be followed by an empty line
Open

    }

Avoid using id selectors
Open

        #menu-top-menu {

Begin pseudo elements with double colons: ::
Open

                        &:before {

Line should be indented with spaces, not tabs
Open

    & > .container {

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

                &.map > a:before { content: $fa-var-map-o; }

Begin pseudo elements with double colons: ::
Open

                &.map > a:before { content: $fa-var-map-o; }

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

                &.cta-red {

Merge rule &:not(.pull-left) with rule on line 17
Open

        &:not(.pull-left) {

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

            .dropdown-menu {

Line should be indented with spaces, not tabs
Open

    .top-menu:not(.pull-left) {

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

                a {

Begin pseudo elements with double colons: ::
Open

                &.tel > a:before { content: $fa-var-phone; }

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

                &.cta,

Color #FFFFFF should be written as #ffffff
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

Merge rule &.pull-left with rule on line 19
Open

        &.pull-left {

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

                            & > a { padding: 0 5px; }

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

                & > .menu-item {

Unnecessary parent selector (&)
Open

                & > .dropdown-menu {

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

                & > .dropdown-menu {

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

                &:hover,

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

            .dropdown-menu {

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

                a {

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

            & > .menu-item {

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

                    &:before {

Begin pseudo elements with double colons: ::
Open

                    &:before {

Unnecessary parent selector (&)
Open

            & > .menu {

Unnecessary parent selector (&)
Open

                & > .menu-item {

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

            &.dropdown {

Rule declaration should be preceded by an empty line
Open

            .menu-item {

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

                    & > a {

Unnecessary parent selector (&)
Open

                    & > a {

Color #FFFFFF should be written as #FFF
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

Color #9F2020 should be written as #9f2020
Open

                        @include lsx-button-colour(#FFFFFF, #FFFFFF, #D93A3A, #9F2020, #9F2020);

There are no issues that match your filters.

Category
Status