lightspeeddevelopment/lsx-health-plan

View on GitHub
assets/css/scss/partials/_my-account.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    width: 100%;

Line should be indented with spaces, not tabs
Open

    .nav.nav-pills {

@media declaration should be followed by an empty line
Open

        }

Properties should be ordered flex-direction, font-size, line-height, min-width, padding, text-align, width
Open

                    font-size: 13px;

0.5 should be written without a leading zero as .5
Open

                    opacity: 0.5;

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

}

Selector wp-block-cover__inner-container should be written in lowercase with hyphens
Open

    > .wp-block-cover__inner-container {

Color #333333 should be written as #333
Open

                color: #333333;

Rule declaration should be followed by an empty line
Open

        }

Avoid qualifying class selectors with an element.
Open

    div.woocommerce-message {

Properties should be ordered background-position, background-repeat, background-size, color, content, display, font-family, font-size, height, margin-left, opacity, position, width
Open

                    content: '';

@media declaration should be preceded by an empty line
Open

                    @media (max-width: 600px) {

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

                a {

Properties should be ordered justify-content, max-width, padding, top, width
Open

            max-width: 600px;

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

            span {

Line should be indented with spaces, not tabs
Open

    margin-top: 45px;

Properties should be ordered display, height, margin-left, -webkit-overflow-scrolling, overflow-scrolling, overflow-x, scroll-behavior, scroll-snap-type, width
Open

            width: 100vw;

0px should be written without units as 0
Open

        margin-left:0px;

Unnecessary parent selector (&)
Open

            & .my-profile-block {

Rule declaration should be preceded by an empty line
Open

            > h2 {

Properties should be ordered font-size, font-weight, margin
Open

                margin: 0;

Line should be indented with spaces, not tabs
Open

    > .wp-block-cover__inner-container {

Line should be indented with spaces, not tabs
Open

    .profile-details {

Rule declaration should be preceded by an empty line
Open

        > div {

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

        max-width: 1140px;

Line should be indented with spaces, not tabs
Open

    .entry-content {

Line should be indented with spaces, not tabs
Open

    overflow: initial !important;

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg .entry-content & {

Rule declaration should be preceded by an empty line
Open

    .gutenberg-compatible-template.using-gutenberg .entry-content & {

Selector wp-block-cover__inner-container should be written in lowercase with hyphens
Open

        .wp-block-cover__inner-container {

@media declaration should be preceded by an empty line
Open

            @media (max-width: 600px) {

Avoid using id selectors
Open

    #dashboard-card {

Line should be indented with spaces, not tabs
Open

    .profile-navigation {

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered display, flex-shrink, height, margin, margin-top, padding-right, scroll-snap-align, width
Open

                margin: 0;

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

                &:not(.active) {

Rule declaration should be preceded by an empty line
Open

                &::after {

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

                &.account-details-tab {

Line should be indented with spaces, not tabs
Open

    ul.nav {

Colon after property should be followed by one space
Open

        margin-left:0px;

Rule declaration should be followed by an empty line
Open

}

@media declaration should be followed by an empty line
Open

            }

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg .entry-content & {

@media declaration should be preceded by an empty line
Open

    @media (min-width: 601px) and (max-width: 1140px) {

Properties should be ordered background, border-radius, color, display, font-family, font-size, justify-content, min-width, padding
Open

                border-radius: 0;

Property display already defined on line 66
Open

                display: flex;

Rule declaration should be followed by an empty line
Open

                }

Line should be indented with spaces, not tabs
Open

    > .row {

Properties should be ordered margin-bottom, margin-top, padding-left, padding-right
Open

        padding-left: 0;

Properties should be ordered margin-bottom, margin-top
Open

        margin-top: 0;

Unknown property overflow-scrolling
Open

            overflow-scrolling: touch;

Name of variable gray_medium should be written in all lowercase letters with hyphens instead of underscores
Open

                color: $gray_medium;

@media declaration should be followed by an empty line
Open

                }

Line should be indented with spaces, not tabs
Open

    margin-top: 0;

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be preceded by an empty line
Open

        .wp-block-cover__inner-container {

Properties should be ordered align-items, flex-direction
Open

                flex-direction: column;

@media declaration should be preceded by an empty line
Open

        @media (max-width: 768px) {

@media declaration should be preceded by an empty line
Open

        @media (max-width: 900px) {

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

            img {

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

            color: #434343;

Properties should be ordered margin-bottom, margin-top, max-width, width
Open

    max-width: 1140px;

Rule declaration should be preceded by an empty line
Open

            a {

Shorthand form for property margin should be written more concisely as 0 0 5px instead of 0 0 5px 0
Open

                        margin: 0 0 5px 0;

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

            }

Rule declaration should be followed by an empty line
Open

}

Line should be indented with spaces, not tabs
Open

    #account-nav {

@media declaration should be preceded by an empty line
Open

        @media (max-width: 600px) {

@media declaration should be followed by an empty line
Open

        }

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

        @extend .lsx-hp-shadow;

Rule declaration should be followed by an empty line
Open

        }

@media declaration should be preceded by an empty line
Open

        @media (min-width: 768px) and (max-width: 1140px) {

@media declaration should be preceded by an empty line
Open

    @media (max-width: 600px) {

Rule declaration should be preceded by an empty line
Open

    .nav.nav-pills {

Unknown property scroll-snap-type
Open

            scroll-snap-type: x mandatory;

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

                &.logout-tab {

Rule declaration should be followed by an empty line
Open

}

Avoid using id selectors
Open

#account-nav {

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

            & .my-profile-block {

Properties should be ordered border, border-radius, height, min-height, min-width, object-fit, width
Open

                border-radius: 100px;

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

            span {

Rule declaration should be followed by an empty line
Open

    }

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

                    .plan-meta {

Rule declaration should be followed by an empty line
Open

                    }

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

        max-width: 900px;

Line should be indented with spaces, not tabs
Open

    flex-wrap: wrap;

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

                .week-row {

@media declaration should be followed by an empty line
Open

        }

Properties should be ordered color, content, font-family, font-size, font-weight
Open

                    content: '\f05d';

URLs should be enclosed in quotes
Open

                    content: url(/wp-content/plugins/lsx-health-plan/assets/images/hourglass.svg);

@media declaration should be preceded by an empty line
Open

        @media (min-width: 768px) and (max-width: 1140px) {

Line should be indented with spaces, not tabs
Open

    @media (min-width: 601px) and (max-width: 1140px) {

Line should be indented with spaces, not tabs
Open

    @media (max-width: 600px) {

Rule declaration should be preceded by an empty line
Open

        li {

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

                &.my-plan-tab {

Line should be indented with spaces, not tabs
Open

    .breadcrumbs-container {

@media declaration should be preceded by an empty line
Open

        @media (max-width: 768px) {

Line should be indented with spaces, not tabs
Open

    #dashboard-card {

Rule declaration should be preceded by an empty line
Open

            article.lsx-slot {

Avoid qualifying class selectors with an element.
Open

                    h3.plan {

Rule declaration should be followed by an empty line
Open

                    }

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

                            + span {

Rule declaration should be followed by an empty line
Open

                        }

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

                        color: #30bb00;

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    progress[value] {

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

                background-color: #ff7a18;

Properties should be ordered display, grid-column-gap, grid-row-gap, grid-template-columns, grid-template-rows
Open

        grid-template-columns: repeat(7, 13%);

@media declaration should be preceded by an empty line
Open

        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

Rule declaration should be preceded by an empty line
Open

        &:hover {

@media declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

            }

Begin pseudo elements with double colons: ::
Open

                &:after {

Rule declaration should be preceded by an empty line
Open

                &:not(.active) {

@media declaration should be followed by an empty line
Open

            }

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

            &.active,

Avoid using id selectors
Open

    #account-nav {

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

        .wp-block-cover__inner-container {

Rule declaration should be followed by an empty line
Open

    }

Properties should be ordered align-items, display, justify-content, max-width, padding
Open

        display: flex;

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

            img {

@media declaration should be preceded by an empty line
Open

        @media (max-width: 768px) {

@media declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

            span {

Rule declaration should be followed by an empty line
Open

                    }

Line should be indented with spaces, not tabs
Open

    span {

Properties should be ordered background-color, border, border-radius
Open

            border-radius: 10px;

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

            .plan-content {

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

            &:last-child {

Rule declaration should be preceded by an empty line
Open

        a,

@media declaration should be followed by an empty line
Open

    }

@media declaration should be preceded by an empty line
Open

            @media (max-width: 600px) {

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 4
Open

            a {

Avoid qualifying class selectors with an element.
Open

    ul.nav {

Properties should be ordered align-items, flex-direction
Open

            flex-direction: column;

Rule declaration should be followed by an empty line
Open

    }

@media declaration should be preceded by an empty line
Open

        @media (max-width: 768px) {

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

                color: #333333;

Rule declaration should be preceded by an empty line
Open

                        a {

Rule declaration should be followed by an empty line
Open

                    }

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

                    .excerpt {

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

            border: 1px solid #dddddd;

Rule declaration should be followed by an empty line
Open

        }

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

        background-color: #ececec;

Avoid using id selectors
Open

#account-nav,

Line should be indented with spaces, not tabs
Open

    max-width: 1140px;

Line should be indented with spaces, not tabs
Open

    margin-bottom: 30px;

0.7 should be written without a leading zero as .7
Open

                        opacity: 0.7;

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

                    &::after {

@media declaration should be followed by an empty line
Open

            }

@media declaration should be followed by an empty line
Open

        }

Properties should be ordered background, display, flex-direction, height, min-width, padding, width
Open

        width: 100%;

Properties should be ordered color, font-size, line-height, margin-bottom, margin-left, padding-bottom, text-transform, width
Open

            text-transform: capitalize;

Rule declaration should be followed by an empty line
Open

}

Line should be indented with spaces, not tabs
Open

    position: relative;

Rule declaration should be preceded by an empty line
Open

        &::-webkit-progress-bar {

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

            background-color: white;

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

            &::-webkit-progress-value {

Rule declaration should be preceded by an empty line
Open

            .plan-content {

Begin pseudo elements with double colons: ::
Open

                &:before {

Line should be indented with spaces, not tabs
Open

    &.week-grid {

Unknown property scroll-snap-align
Open

                scroll-snap-align: start;

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

                    &::after {

Avoid using id selectors
Open

#type-nav {

!important should not be used
Open

    overflow: initial !important;

Properties should be ordered display, margin, max-width, position
Open

        max-width: 400px;

Properties should be ordered align-items, display, flex-direction, margin, margin-right
Open

        display: flex;

@media declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

        .profile-photo {

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

                border: 4px solid white;

Properties should be ordered margin-bottom, margin-top, max-width, width
Open

        max-width: 1140px;

Avoid qualifying class selectors with an element.
Open

            article.lsx-slot {

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

                        @include media('<=phone') {

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

        color: white;

Rule declaration should be followed by an empty line
Open

        }

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

            &::-webkit-progress-value {

Line should be indented with spaces, not tabs
Open

    justify-content: space-between;

Line should be indented with spaces, not tabs
Open

    .day {

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

            background: #e9ecee;

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

            &.week-title {

Begin pseudo elements with double colons: ::
Open

                    &:after {

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

            .week-row-inner {

Line should be indented with spaces, not tabs
Open

    div.woocommerce-message {

Avoid using id selectors
Open

#account-nav,

@media declaration should be followed by an empty line
Open

    }

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

            a {

@media declaration should be preceded by an empty line
Open

                @media (max-width: 600px) {

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

                    &::after {

@media declaration should be followed by an empty line
Open

        }

Properties should be ordered flex-direction, min-height, padding
Open

                padding: 10rem 3rem 3rem;

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

            > h2 {

Rule declaration should be followed by an empty line
Open

    }

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

        @extend .lsx-hp-shadow;

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

            article.lsx-slot {

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

                        span {

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

                    .moretag {

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

            background-color: white;

Properties should be ordered background-color, border-radius
Open

            border-radius: 10px;

Rule declaration should be preceded by an empty line
Open

    &.day-grid {

Properties should be ordered align-items, background-color, border-radius, display, height, justify-content, margin-bottom, transition
Open

        background-color: #ececec;

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

                .week-row {

Rule declaration should be preceded by an empty line
Open

        .plan-content {

Properties should be ordered display, font-size, font-weight, text-align
Open

            font-size: 22px;

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

                                color: #919191;

Rule declaration should be preceded by an empty line
Open

    span {

Avoid qualifying attribute selectors with an element.
Open

    progress[value] {

@media declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

            &.week-title {

@include declaration should be preceded by an empty line
Open

                        @include media('<=phone') {

@include declaration should be followed by an empty line
Open

                            }

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

                            .plan-content {

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

                            .day {

Rule declaration should be followed by an empty line
Open

                                }

Rule declaration should be preceded by an empty line
Open

                                    .plan-content {

0px should be written without units as 0
Open

        margin-top: 0px;

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    .edit-account-section,

Rule declaration should be followed by an empty line
Open

            }

Rule declaration should be preceded by an empty line
Open

                        &:hover {

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered background-color, flex-grow, margin-bottom, padding
Open

                        padding: 10px 16px;

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

                            a {

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

            .woocommerce-MyAccount-content {

Rule declaration should be followed by an empty line
Open

                }

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

            .description {

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

            p:last-child {

0px should be written without units as 0
Open

                margin-top: 0px !important;

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

            .form-row {

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

            .bmi-total {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    &.day-grid {

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

                    .week-row-inner {

@media declaration should be preceded by an empty line
Open

        @media (min-width: 900px) {

Begin pseudo elements with double colons: ::
Open

                &:before {

@media declaration should be followed by an empty line
Open

                    }

Rule declaration should be preceded by an empty line
Open

                            svg {

Avoid using id selectors
Open

        #account-nav {

@media declaration should be preceded by an empty line
Open

                @media (max-width: 767px) {

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

                color: #30bb00;

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

            p.tagline {

Rule declaration should be preceded by an empty line
Open

                        h3 {

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

                                &.completed {

Properties should be ordered height, margin-right, padding, width
Open

                                    width: 75px;

Name of variable light_gray should be written in all lowercase letters with hyphens instead of underscores
Open

                        background-color: $light_gray;

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

                        .title {

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

                            svg {

Rule declaration should be followed by an empty line
Open

                        }

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

            max-width: 900px;

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

                p:last-child {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

                &.calculate-bmi {

Rule declaration should be followed by an empty line
Open

            }

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

                                &:not(.completed) {

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

                            svg {

Begin pseudo elements with double colons: ::
Open

                                        &:before {

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

                                            color: #f1f1f1;

Rule declaration should be preceded by an empty line
Open

        > .col-xs-12 {

Line should be indented with spaces, not tabs
Open

    margin: 20px auto 140px;

Properties should be ordered color, display, font-size, margin-top
Open

                        font-size: 18px;

@media declaration should be followed by an empty line
Open

    }

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

            .plan-content {

@media declaration should be preceded by an empty line
Open

        @media (max-width: 500px) {

Selector woocommerce-MyAccount-content should be written in lowercase with hyphens
Open

            .woocommerce-MyAccount-content {

@media declaration should be preceded by an empty line
Open

        @media (max-width: 600px) {

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

            .woocommerce-EditAccountForm {

Rule declaration should be preceded by an empty line
Open

            .plan-content {

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

                            background-color: #f7941d;

Properties should be ordered background, display, font-family, font-size, font-weight, justify-content, margin-bottom, padding, transition
Open

            margin-bottom: 10px;

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

                            color: white;

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

                &:hover {

Rule declaration should be followed by an empty line
Open

        }

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

                            &:not(.completed) {

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

                            @include media('<=phone') {

Properties should be ordered color, font-size
Open

                                            font-size: 50px;

Rule declaration should be followed by an empty line
Open

                    }

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

            article.lsx-slot {

@media declaration should be followed by an empty line
Open

    }

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

                background-color: white;

Avoid using id selectors
Open

    #account-nav {

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

                .content-box {

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

                label,

@media declaration should be preceded by an empty line
Open

            @media (max-width: 767px) {

Rule declaration should be preceded by an empty line
Open

                .content-box {

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

                    .hp-plan-price,

Properties should be ordered appearance, height, width
Open

        width: 100%;

Avoid qualifying attribute selectors with an element.
Open

    progress[value='0'] {

@media declaration should be preceded by an empty line
Open

        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

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

                    .week-row {

Rule declaration should be preceded by an empty line
Open

                            .day {

@media declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

        }

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

            .plan-content {

Rule declaration should be followed by an empty line
Open

        }

Begin pseudo elements with double colons: ::
Open

                    &:before {

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

                            &:hover {

Rule declaration should be preceded by an empty line
Open

                    .week-meals-recipes-box {

Rule declaration should be followed by an empty line
Open

                        }

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

                                        &:before {

Line should be indented with spaces, not tabs
Open

    @media (min-width: 601px) and (max-width: 1140px) {

Line should be indented with spaces, not tabs
Open

    @media (max-width: 600px) {

Rule declaration should be preceded by an empty line
Open

        #account-nav {

Rule declaration should be preceded by an empty line
Open

            .description {

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

            .description {

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

            h3 {

Property font-size already defined on line 802
Open

                font-size: 30px;

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

                    h3.plan {

Rule declaration should be followed by an empty line
Open

                        }

Line should be indented with spaces, not tabs
Open

    &.my-plan {

Properties should be ordered bottom, color, font-size, font-weight, left, position
Open

        position: absolute;

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

                background-color: #c32d37;

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

                background-color: #30bb00;

Properties should be ordered display, flex-wrap, justify-content
Open

    justify-content: space-between;

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

                            .day {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

                &:before {

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

            }

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

                label {

@media declaration should be preceded by an empty line
Open

            @media (max-width: 767px) {

@media declaration should be followed by an empty line
Open

                }

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

                            color: white;

@media declaration should be followed by an empty line
Open

            }

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

                        .day.completed {

Rule declaration should be preceded by an empty line
Open

                &:before {

Rule declaration should be followed by an empty line
Open

                }

@media declaration should be preceded by an empty line
Open

                                            @media (max-width: 1024px) {

Rule declaration should be followed by an empty line
Open

                }

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

                    .week-meals-recipes-box-inner {

Rule declaration should be preceded by an empty line
Open

                            svg {

0.3 should be written without a leading zero as .3
Open

                                background: rgba(65, 138, 208, 0.3);

Line should be indented with spaces, not tabs
Open

    width:100%;

Rule declaration should be followed by an empty line
Open

                }

@media declaration should be preceded by an empty line
Open

    @media (min-width: 601px) and (max-width: 1140px) {

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

                        .week-download-box-list {

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

            .form-row {

Rule declaration should be preceded by an empty line
Open

    #account-nav {

!important should not be used
Open

                padding-right: 15px !important;

@media declaration should be followed by an empty line
Open

            }

Properties should be ordered max-width, width
Open

                    width: 100%;

Rule declaration should be preceded by an empty line
Open

            .bmi-total {

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

                    .btn,

Properties should be ordered border-bottom, display, flex-direction, font-size, margin-bottom, padding-bottom
Open

                font-size: 0;

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

                background-color: white;

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

                        img {

Rule declaration should be preceded by an empty line
Open

                            + span {

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

                            a {

@include declaration should be preceded by an empty line
Open

                        @include media('<=phone') {

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

        color: white;

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

            &::-webkit-progress-value {

Rule declaration should be followed by an empty line
Open

    }

Color black should be written in hexadecimal form as #000000
Open

            color: black;

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

                        .week-row-inner {

Begin pseudo elements with double colons: ::
Open

                    &:after {

Unknown property gap
Open

                        gap: 0 5rem;

@media declaration should be preceded by an empty line
Open

                    @media (max-width: 1024px) {

Properties should be ordered background-color, display, margin-bottom, padding
Open

                            padding: 10px 16px;

Rule declaration should be preceded by an empty line
Open

                                        &:before {

Properties should be ordered margin, max-width, width
Open

    max-width: 1140px;

Selector woocommerce-EditAccountForm should be written in lowercase with hyphens
Open

            .woocommerce-EditAccountForm {

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

                fieldset {

Rule declaration should be preceded by an empty line
Open

            p:last-child {

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

            p:last-child {

Properties should be ordered flex-grow, margin-left, max-width, padding-right, width
Open

                padding-right: 15px !important;

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

                &.calculate-bmi {

Avoid qualifying class selectors with an element.
Open

            p.tagline {

Rule declaration should be preceded by an empty line
Open

            .plan-content {

Rule declaration should be preceded by an empty line
Open

                    &:before {

URLs should be enclosed in quotes
Open

                        content: url(/wp-content/plugins/lsx-health-plan/assets/images/trophy.svg);

Rule declaration should be followed by an empty line
Open

    }

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

                .week-meals-recipes-box {

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

                        .day {

Color literals like rgba(65, 138, 208, 0.3) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

                                background: rgba(65, 138, 208, 0.3);

Rule declaration should be preceded by an empty line
Open

                        .title {

Properties should be ordered background, font-family, font-size, font-weight, line-height, margin, padding
Open

                                font-size: 15px;

Colon after property should be followed by one space
Open

    width:100%;

Line should be indented with spaces, not tabs
Open

    #account-nav {

!important should not be used
Open

                margin-top: 0px !important;

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

                        color: #f7941d;

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

                        &:hover {

Properties should be ordered border, color, cursor, font-size, margin-bottom, width
Open

                font-size: 14px;

Rule declaration should be preceded by an empty line
Open

            h3 {

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

            h3 {

Color #dddddd should be written as #ddd
Open

            border: 1px solid #dddddd;

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

            color: black;

Line should be indented with spaces, not tabs
Open

    display: flex;

@media declaration should be followed by an empty line
Open

        }

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

                &.week-grid {

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

            .plan-content {

@include declaration should be followed by an empty line
Open

                        }

Rule declaration should be followed by an empty line
Open

                            }

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

                                    .plan-content {

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

                    .week-meals-recipes-box {

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

                        h3 {

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

                        .week-meals-recipes-box-inner {

Avoid using id selectors
Open

#edit-account-tab {

Line should be indented with spaces, not tabs
Open

    width: 100%;

@media declaration should be preceded by an empty line
Open

    @media (max-width: 600px) {

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

            .woocommerce-EditAccountForm {

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

                    legend {

@media declaration should be preceded by an empty line
Open

                @media (max-width: 767px) {

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

                &::after {

Properties should be ordered height, margin, width
Open

                        width: 100%;

@media declaration should be preceded by an empty line
Open

        @media (max-width: 768px) {

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

            > h2 {

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

                border: 4px solid white;

Properties should be ordered align-self, font-weight, margin-top, text-transform
Open

            text-transform: uppercase;

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

            + .edit-profile {

Rule declaration should be preceded by an empty line
Open

                    h3.plan {

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

                        a {

Rule declaration should be preceded by an empty line
Open

                            a {

Line should be indented with spaces, not tabs
Open

    progress[value='0'] {

@media declaration should be followed by an empty line
Open

        }

@media declaration should be preceded by an empty line
Open

        @media (max-width: 600px) {

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

        }

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

                    color: #f1f1f1;

Properties should be ordered align-items, display, flex-wrap, gap, justify-content, width
Open

                        display: inline-flex;

Rule declaration should be preceded by an empty line
Open

                            &:not(.completed) {

Rule declaration should be followed by an empty line
Open

                            }

Name of variable light_gray should be written in all lowercase letters with hyphens instead of underscores
Open

                            background-color: $light_gray;

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

                                    .plan-content {

Properties should be ordered margin-bottom, margin-top, padding-left, padding-right
Open

        padding-left: 30px;

Rule declaration should be preceded by an empty line
Open

        .title-lined,

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

            .woocommerce-MyAccount-content {

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered background-color, border-color, color, width
Open

                        width: 100%;

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

                                    .plan-content {

Properties should be ordered flex-grow, padding-right
Open

                        padding-right: 5px;

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

                                    .plan-content {

Line should be indented with spaces, not tabs
Open

    max-width: 1140px;

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

            .bmi-total {

Rule declaration should be preceded by an empty line
Open

                &:hover {

Properties should be ordered background, border, border-radius, display, height, justify-content, text-align, width
Open

                                border: 4px solid $blue;

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

                                &:not(.completed) {

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

                    .week-download-box {

Properties should be ordered margin-bottom, margin-top, padding
Open

        padding: 0 10px 20px;

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

        }

@media declaration should be preceded by an empty line
Open

            @media (max-width: 767px) {

@media declaration should be followed by an empty line
Open

            }

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

                        border-color: #f7941d;

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

                border: 2px solid #30bb00;

Avoid using id selectors
Open

            #wpua-add-existing {

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

                    color: #d84e2e;

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

                color: #4e4e4e;

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

                    color: #969696;

Avoid using id selectors
Open

            #wpua-thumbnail-existing,

Properties should be ordered background, border, line-height, margin-bottom, padding
Open

                padding: initial;

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

        color: #0071a1;

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

            #wpua-add-existing {

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

                &:hover {

Avoid using id selectors
Open

            #wpua-thumbnail-existing,

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

            #wpua-remove-existing {

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

            #wpua-undo-button-existing {

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

            .thumbnail {

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

            .thumbnail {

Rule declaration should be followed by an empty line
Open

            }

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

            #wpua-thumbnail-existing,

Properties should be ordered background, box-shadow, color, padding
Open

                color: #4e4e4e;

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

            }

Rule declaration should be followed by an empty line
Open

            }

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

            #wpua-remove-existing {

Rule declaration should be followed by an empty line
Open

            }

Line should be indented with spaces, not tabs
Open

    .wp-core-ui {

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

        background: #f3f5f6;

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

                color: #4e4e4e;

Avoid using id selectors
Open

            #wpua-preview-existing {

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

            #wpua-preview-existing {

Begin pseudo elements with double colons: ::
Open

                &:before {

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

                &:before {

Selector __wp-uploader-id-2 should be written in lowercase with hyphens
Open

#__wp-uploader-id-2 {

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

        border: 1px solid #0071a1;

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

            #wpua-add-existing {

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

            #wpua-preview-existing {

Properties should be ordered color, content, font-family, margin-right
Open

                    content: '\f00d';

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

                #wpua-file-existing {

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

            p.tagline {

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

            #wpua-upload-button-existing {

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

            #wpua-thumbnail-existing,

Line should be indented with spaces, not tabs
Open

    button.button {

Rule declaration should be followed by an empty line
Open

            }

Avoid using id selectors
Open

            #wpua-remove-existing {

Rule declaration should be preceded by an empty line
Open

                &:before {

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

                box-shadow: 2px 2px 0 0 #969696;

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

                    background-color: #969696;

Avoid using id selectors
Open

            #wpua-undo-button-existing {

Avoid using id selectors
Open

#__wp-uploader-id-2 {

border: 0 is preferred over border: none
Open

                border: none;

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

                background-color: #dcdcdc;

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

            #wpua-undo-button-existing {

Avoid using id selectors
Open

                #wpua-file-existing {

Rule declaration should be preceded by an empty line
Open

                &:hover {

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

                img {

Properties should be ordered background, border, box-shadow, color, font-size, font-weight, height, line-height, min-height, padding, text-transform, vertical-align
Open

        box-shadow: none;

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

                &:hover {

Avoid using id selectors
Open

            #wpua-upload-button-existing {

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

            #wpua-upload-button-existing {

Rule declaration should be followed by an empty line
Open

            }

Line should be indented with spaces, not tabs
Open

    h1,

Avoid qualifying class selectors with an element.
Open

    button.button {

There are no issues that match your filters.

Category
Status