lightspeeddevelopment/lsx-health-plan

View on GitHub
assets/css/scss/partials/_shortcodes.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    .content-area,

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

                img {

Line should be indented with spaces, not tabs
Open

    @media (max-width: 400px) {

Rule declaration should be followed by an empty line
Open

        }

Avoid qualifying class selectors with an element.
Open

        > li.slick-active {

@media declaration should be preceded by an empty line
Open

            @media (max-width: 400px) {

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

    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);

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

            & > button {

Line should be indented with spaces, not tabs
Open

    width: 100%;

Avoid using id selectors
Open

#lsx-tips-shortcode {

Properties should be ordered min-width, width
Open

        width: 380px;

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

                background: white;

Properties should be ordered display, font-family, font-size, -moz-osx-font-smoothing, -webkit-font-smoothing, line-height, position, text-rendering, top, transform, transition
Open

            line-height: 1;

Line should be indented with spaces, not tabs
Open

    h2 {

@media declaration should be preceded by an empty line
Open

    @media (max-width: 400px) {

Line should be indented with spaces, not tabs
Open

    button.slick-arrow {

Rule declaration should be followed by an empty line
Open

    }

Begin pseudo elements with double colons: ::
Open

            &:before {

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

            &:before {

Avoid using id selectors
Open

#lsx-recipes-shortcode {

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

            > button {

Line should be indented with spaces, not tabs
Open

    .lsx-videos-slot {

Line should be indented with spaces, not tabs
Open

    background: white;

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

    background: white;

Line should be indented with spaces, not tabs
Open

    .lsx-tips-shortcode {

Properties should be ordered background, margin, padding
Open

                margin: 0;

Line should be indented with spaces, not tabs
Open

    .slick-arrow {

Begin pseudo elements with double colons: ::
Open

            &:before {

Line should be indented with spaces, not tabs
Open

    margin-top: 20px;

x units not allowed on margin-bottom; must be one of (%, Hz, ch, cm, deg, dpcm, dpi, dppx, em, ex, fr, grad, in, kHz, mm, ms, pc, pt, px, q, rad, rem, s, turn, vh, vmax, vmin, vw)
Open

    margin-bottom: 20x;

Rule declaration should be preceded by an empty line
Open

                svg {

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

                img {

Rule declaration should be preceded by an empty line
Open

        &.slick-prev {

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

            > button {

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);

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

            .col-xs-2 {

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

            .col-xs-10 {

Line should be indented with spaces, not tabs
Open

    padding: 30px 15px;

Rule declaration should be preceded by an empty line
Open

        table {

Line should be indented with spaces, not tabs
Open

    @media (max-width: 782px) {

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

            > button {

Properties should be ordered background, box-shadow, justify-content, margin-top
Open

    margin-top: 3rem;

Line should be indented with spaces, not tabs
Open

    justify-content: flex-end;

0.24 should be written without a leading zero as .24
Open

    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.24);

@include declaration should be preceded by an empty line
Open

    @include media('>=tablet') {

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

            &.quick-tip {

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

                th {

Properties should be ordered max-height, width
Open

            width: 100%;

@include declaration should be followed by an empty line
Open

    }

Unnecessary parent selector (&)
Open

        & > li {

@media declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

        }

@media declaration should be followed by an empty line
Open

    }

@media declaration should be followed by an empty line
Open

    }

Avoid qualifying class selectors with an element.
Open

    button.slick-arrow {

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

            > button {

Line should be indented with spaces, not tabs
Open

    margin-bottom: 20x;

Rule declaration should be followed by an empty line
Open

}

Line should be indented with spaces, not tabs
Open

    margin-top: 3rem;

Line should be indented with spaces, not tabs
Open

    .slick-dots {

Merge rule > li.slick-active with rule on line 158
Open

        > li.slick-active {

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

    background: $white;

Line should be indented with spaces, not tabs
Open

    .lsx-recipes-shortcode {

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

            tr {

Rule declaration should be preceded by an empty line
Open

        .diet-tip-wrapper {

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

            & > button {

Begin pseudo elements with double colons: ::
Open

        &:before {

Rule declaration should be preceded by an empty line
Open

    h2 {

Rule declaration should be followed by an empty line
Open

    }

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

                svg {

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

            &:before {

Avoid using id selectors
Open

#lsx-videos-shortcode,

Avoid using id selectors
Open

#lsx-videos-shortcode,

Merge rule .slick-slider with rule on line 1
Open

.slick-slider {

Line should be indented with spaces, not tabs
Open

    @include media('>=tablet') {

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

                .row {

Line should be indented with spaces, not tabs
Open

    body.single & {

Line should be indented with spaces, not tabs
Open

    .row {

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

            img {

Properties should be ordered margin, padding
Open

                    padding: 0;

Properties should be ordered align-items, color, content, display, font-family, font-size, justify-content, opacity
Open

                    content: '\f05d';

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

                &.excerpt-excerpt,

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

                    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);

Rule declaration should be followed by an empty line
Open

                    }

Rule declaration should be preceded by an empty line
Open

        button.slick-arrow {

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

            border-bottom: 1px solid #dddddd;

Rule declaration should be preceded by an empty line
Open

                    img {

Rule declaration should be followed by an empty line
Open

            }

Line should be indented with spaces, not tabs
Open

    .lsx-exercises-shortcode {

Rule declaration should be preceded by an empty line
Open

            &:first-child {

Rule declaration should be followed by an empty line
Open

        }

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

                .title-lined {

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

                .border-btn {

Properties should be ordered background-position, background-repeat, display, min-height, position
Open

            min-height: 200px;

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

            .exercise-link {

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

                .lsx-exercises-title {

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

            &.slick-next {

Rule declaration should be followed by an empty line
Open

}

@include declaration should be followed by an empty line
Open

        }

Unknown property row-gap
Open

                row-gap: 1rem;

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

            .exercise-feature-img {

Properties should be ordered height, position, width, z-index
Open

                position: absolute;

Rule declaration should be followed by an empty line
Open

                    }

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

                    img {

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be preceded by an empty line
Open

        > .col-xs-12 {

Rule declaration should be followed by an empty line
Open

        }

border-bottom: 0 is preferred over border-bottom: none
Open

                    border-bottom: none;

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

            .exercise-feature-img {

Rule 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

                &:before {

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

            .exercise-link {

Rule declaration should be preceded by an empty line
Open

                > li {

Properties should be ordered background, border-color, border-radius, height, padding, width
Open

                        border-color: #dddddd;

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

                        background: #dddddd;

border: 0 is preferred over border: none
Open

            border: none;

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

            .exercise-content-box {

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

            .exercise-content-box {

border: 0 is preferred over border: none
Open

                        border: none;

Rule declaration should be followed by an empty line
Open

                    }

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

                    > button {

Avoid qualifying class selectors with an element.
Open

    body.single & {

Rule declaration should be followed by an empty line
Open

            }

Rule declaration should be preceded by an empty line
Open

    .lsx-exercises-shortcode {

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

                img {

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

                .moretag {

@include declaration should be followed by an empty line
Open

            }

Properties should be ordered background-image, content, height, left, opacity, position, top, transition, width
Open

                content: '';

Rule declaration should be followed by an empty line
Open

        }

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

            button {

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

            > .col-xs-12 {

@include declaration should be preceded by an empty line
Open

                    @include media('>=tablet') {

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

            &:first-child {

Rule declaration should be preceded by an empty line
Open

                    &.no-excerpt {

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

            a[data-toggle='modal'] {

0.6 should be written without a leading zero as .6
Open

                    color: rgba(255, 255, 255, 0.6);

Line should be indented with spaces, not tabs
Open

    &.columns-2 {

Line should be indented with spaces, not tabs
Open

    &.columns-4 {

border: 0 is preferred over border: none
Open

                    border: none;

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

                > li {

Avoid qualifying class selectors with an element.
Open

        button.slick-arrow {

Line should be indented with spaces, not tabs
Open

    margin-top: 1rem;

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

                    color: white;

Rule declaration should be followed by an empty line
Open

                }

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

                    color: #dddddd;

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

            .slick-dots {

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

                margin-top: 0;

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

                            background: #919191;

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

                    &.slick-active {

Rule declaration should be followed by an empty line
Open

    }

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

            &.slick-next {

Rule declaration should be followed by an empty line
Open

            }

@include declaration should be preceded by an empty line
Open

        @include media('>=tablet') {

Color #dddddd should be written as #ddd
Open

            border-bottom: 1px solid #dddddd;

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

            &:not(:first-child) {

Rule declaration should be preceded by an empty line
Open

                img {

Rule declaration should be followed by an empty line
Open

        }

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

            > .col-sm-3 {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

            > .col-sm-4 {

Line should be indented with spaces, not tabs
Open

    margin-bottom: 1rem;

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

                    .exercise-table {

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

            .exercise-content-box {

Rule declaration should be followed by an empty line
Open

                }

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

                .title-lined {

Begin pseudo elements with double colons: ::
Open

            &:before {

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

                    color: rgba(255, 255, 255, 0.6);

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be preceded by an empty line
Open

                .row {

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

                        > button {

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

            > .col-sm-4 {

Avoid using id selectors
Open

#lsx-exercises-shortcode {

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

    margin-top: 1rem;

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

            @include media('<tablet') {

0.1 should be written without a leading zero as .1
Open

                transition: opacity 0.1s ease-in;

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

            &:hover {

Properties should be ordered align-items, display, padding, position, width
Open

                display: flex;

Properties should be ordered align-items, display, flex-direction, justify-content
Open

                    display: flex;

Line should be indented with spaces, not tabs
Open

    &.columns-5 {

Color #dddddd should be written as #ddd
Open

                    color: #dddddd;

Rule declaration should be preceded by an empty line
Open

                    &.slick-next {

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

                    > button {

Rule declaration should be followed by an empty line
Open

        }

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

            .exercise-content-box {

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

            a[data-toggle='modal'] {

Rule declaration should be preceded by an empty line
Open

                &.excerpt-excerpt,

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    .lsx-videos-title,

Properties should be ordered font-family, font-size
Open

        font-size: 20px;

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

            tr {

Rule declaration should be preceded by an empty line
Open

    button.slick-arrow {

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

    background: white;

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

                p {

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

                background: white;

Rule declaration should be followed by an empty line
Open

            }

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

                        border-color: #dddddd;

Color #dddddd should be written as #ddd
Open

                        background: #dddddd;

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

        margin: 0;

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

                img {

Rule declaration should be preceded by an empty line
Open

            a[data-toggle='modal'] {

Avoid qualifying attribute selectors with an element.
Open

            a[data-toggle='modal'] {

Rule declaration should be preceded by an empty line
Open

            img {

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

            img {

0.4 should be written without a leading zero as .4
Open

                opacity: 0.4;

Rule declaration should be followed by an empty line
Open

    }

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

                h3 {

Line should be indented with spaces, not tabs
Open

    .slick-dots {

Color #dddddd should be written as #ddd
Open

                        border-color: #dddddd;

Unnecessary parent selector (&)
Open

            & > button {

Line should be indented with spaces, not tabs
Open

    &.slick-slider {

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

    padding: 30px 15px;

Rule declaration should be followed by an empty line
Open

        }

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

            .col-xs-2 {

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

            .col-xs-10 {

Rule declaration should be followed by an empty line
Open

                }

Properties should be ordered display, flex-wrap, width
Open

        width: 100%;

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

        background-color: white;

Rule declaration should be followed by an empty line
Open

            }

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

            &.slick-prev {

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

                    &.no-excerpt {

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

                display: grid;

Rule 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

            &:before {

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

            &.bg-full {

Rule declaration should be followed by an empty line
Open

            }

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

                    color: white;

Properties should be ordered color, margin-bottom, margin-left, max-width, text-shadow
Open

                    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);

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

                    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);

@include declaration should be preceded by an empty line
Open

        @include media('<tablet') {

Rule declaration should be preceded by an empty line
Open

            .btn {

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

                                    .entry-image {

Rule declaration should be followed by an empty line
Open

                                    }

Rule declaration should be preceded by an empty line
Open

                    .lsx-slot {

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

                                    }

Rule declaration should be preceded by an empty line
Open

        .lsx-related-posts {

Line should be indented with spaces, not tabs
Open

    margin-bottom: 1rem;

Line should be indented with spaces, not tabs
Open

    .lsx-related-posts {

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

                .lsx-related-posts-wrapper {

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

            &.lsx-related-posts-title {

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

                .col-xs-12 {

Rule declaration should be preceded by an empty line
Open

    p {

Properties should be ordered padding, width
Open

            width: 100%;

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

            .col-xs-12 {

Properties should be ordered padding-left, padding-right, width
Open

                        width: 100%;

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

                    .lsx-related-posts-headline {

Line should be indented with spaces, not tabs
Open

    p {

Rule declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    body.single-meal & {

Properties should be ordered line-height, margin-bottom, margin-right
Open

        margin-right: 3rem;

@include declaration should be preceded by an empty line
Open

        @include media('<=tablet') {

Properties should be ordered margin, width
Open

                            width: 33.33%;

@include declaration should be followed by an empty line
Open

                        }

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

                                        img {

Avoid qualifying class selectors with an element.
Open

    body.single-plan &,

@include declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    > .col-md-12 {

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

                        .entry-layout {

Rule declaration should be preceded by an empty line
Open

                                        .post-categories {

Avoid qualifying class selectors with an element.
Open

    body.single-plan &,

Rule declaration should be preceded by an empty line
Open

                                        a {

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

                h2 {

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

                    .lsx-slot {

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

                                            a {

Avoid qualifying class selectors with an element.
Open

    body.single-plan &,

Rule declaration should be preceded by an empty line
Open

                    .lsx-related-posts-headline {

Avoid qualifying class selectors with an element.
Open

    body.single-meal & {

Line should be indented with spaces, not tabs
Open

    &.columns-6 {

Rule declaration should be followed by an empty line
Open

    }

@include declaration should be preceded by an empty line
Open

                        @include media('>tablet') {

Line should be indented with spaces, not tabs
Open

    body.single-plan &,

Avoid using id selectors
Open

#hp-connected-members {

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

                                .entry-header {

Rule declaration should be preceded by an empty line
Open

                h2 {

Properties should be ordered max-height, object-fit, width
Open

                                            width: 100%;

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

                                        .post-categories {

Properties should be ordered line-height, margin, padding
Open

                                        padding: 10px 15px;

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

                                        a {

Line should be indented with spaces, not tabs
Open

    display: flex;

Avoid using id selectors
Open

#lsx-hp-related {

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

            .col-xs-12 {

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

                            .entry-layout-content {

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

                                    .entry-meta {

Properties should be ordered font-size, text-transform
Open

            text-transform: uppercase;

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

        }

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

                                        padding: 15px 15px 0 15px;

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

                                    .entry-title {

There are no issues that match your filters.

Category
Status