lightspeeddevelopment/lsx-customizer

View on GitHub
assets/css/scss/layout/_gutenberg-front.scss

Summary

Maintainability
Test Coverage

Use // comments everywhere
Open

/*--------------------------------------------------------------

Avoid qualifying class selectors with an element.
Open

        div.entry-content {

Merge rule .gutenberg-compatible-template.using-gutenberg with rule on line 7
Open

.gutenberg-compatible-template.using-gutenberg {

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

            .wp-block-cover {

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

                .wp-block-cover__inner-container {

Selector wp-block-media-text__content should be written in lowercase with hyphens
Open

                        .wp-block-media-text__content {

Use // comments everywhere
Open

/** LSX Hero Banner Block Styles. */

Avoid using id selectors
Open

        div #primary {

Prefer single quoted strings
Open

@import "../scss/global/_variables";

Avoid qualifying id selectors with an element.
Open

        div#primary {

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

            article {

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

                .wp-block-cover__inner-container {

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

                .lsx-title-block {

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

                max-width: 90rem;

Rule declaration should be preceded by an empty line
Open

            .entry-header {

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

            .wp-block-cover {

@media declaration should be followed by an empty line
Open

            }

Expected 0 spaces before ) instead of
Open

            width: calc( 100vw - 8rem );

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

                    max-width: 1200px;

Rule declaration should be followed by an empty line
Open

            }

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

    .gutenberg-compatible-template.using-gutenberg .post-thumbnail img,

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg.page-template-template-no-sidebar

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

        }

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

                .wp-block-column {

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

        }

Avoid using id selectors
Open

        div#primary {

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

            max-width: 100%;

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

    .gutenberg-compatible-template.using-gutenberg {

Rule declaration should be followed by an empty line
Open

            }

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

                img.alignnone,

Prefer single quoted strings
Open

@include media(">=desktop-wide") {

Rule declaration should be preceded by an empty line
Open

                .wp-block-column {

Rule declaration should be followed by an empty line
Open

            }

Unnecessary parent selector (&)
Open

                & > .entry-content {

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

            .wp-block-cover__inner-container {

Properties should be ordered max-width, width
Open

                    width: 100%;

Use // comments everywhere
Open

/*--------------------------------------------------------------

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

                max-width: 90rem;

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

                &.alignleft {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

                }

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

    .gutenberg-compatible-template.using-gutenberg.page-template-template-no-sidebar

Expected 0 spaces after ( instead of
Open

            width: calc( 100vw - 14rem);

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

                width: 100%;

Line should be indented with spaces, not tabs
Open

    .wp-block-button {

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template {

Avoid qualifying class selectors with an element.
Open

        article.post {

Avoid qualifying class selectors with an element.
Open

            figure.wp-block-embed,

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    .content-area {

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

                    .wp-block-media-text {

Shorthand form for property padding should be written more concisely as 0 10% instead of 0 10% 0 10%
Open

                                padding: 0 10% 0 10%;

Avoid using id selectors
Open

            .slick-slider,

Avoid qualifying id selectors with an element.
Open

        div#primary {

Rule declaration should be followed by an empty line
Open

            }

0px should be written without units as 0
Open

                    margin-top: 0px;

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

            &.aligncontent {

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

            width: 40%;

Properties should be ordered max-width, width
Open

                    width: 100%;

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

            max-width: calc( 100vw - 14rem);

Line should be indented with spaces, not tabs
Open

    .wp-block-button {

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

                }

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

            max-width: 90rem;

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

                .row {

Rule declaration should be followed by an empty line
Open

            }

Avoid using id selectors
Open

            .entry-header,

Properties should be ordered margin-left, margin-right, max-width, text-align, width
Open

                    text-align: left;

Rule declaration should be followed by an empty line
Open

            }

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

            max-width: 1150px;

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered min-width, width
Open

                width: 100%;

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

            padding-top: 0;

Rule declaration should be followed by an empty line
Open

            }

Rule declaration should be followed by an empty line
Open

    }

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

            width: 100%;

Expected 0 spaces after ( instead of
Open

            width: calc( 100vw - 8rem );

Rule declaration should be preceded by an empty line
Open

            .blocks-gallery-grid {

Rule declaration should be followed by an empty line
Open

        }

Avoid qualifying class selectors with an element.
Open

    .gutenberg-compatible-template.using-gutenberg.page-template-template-no-sidebar

Rule declaration should be followed by an empty line
Open

            }

Rule declaration should be followed by an empty line
Open

        }

Prefer single quoted strings
Open

@include media(">=tablet") {

Avoid qualifying class selectors with an element.
Open

                img.alignnone,

Use // comments everywhere
Open

/*--------------------------------------------------------------

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

                .wp-block-column {

Rule declaration should be followed by an empty line
Open

            }

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

            max-width: 100%;

@media declaration should be preceded by an empty line
Open

        @media only screen and (min-width: 768px) {

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

            .tab-content {

Rule declaration should be followed by an empty line
Open

                    }

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

                        .wp-block-media-text__content {

Line should be indented with spaces, not tabs
Open

    .breadcrumbs-container {

Properties should be ordered height, margin-left, margin-right, min-height
Open

            min-height: 150px;

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

                &.alignright {

Properties should be ordered max-width, width
Open

                width: 100%;

@include 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

            }

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

                .wp-block-column {

Line should be indented with spaces, not tabs
Open

    &.page-template-default,

Avoid using id selectors
Open

        div#primary {

Prefer single quoted strings
Open

                            @include media("<=tablet") {

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

            .wp-block-cover__inner-container {

Line should be indented with spaces, not tabs
Open

    &.page-template.using-gutenberg {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

            .blocks-gallery-grid {

Avoid using id selectors
Open

        .entry-header,

Rule declaration should be preceded by an empty line
Open

                .row {

Rule declaration should be followed by an empty line
Open

    }

Avoid qualifying class selectors with an element.
Open

                img.alignnone,

Merge rule .gutenberg-compatible-template.using-gutenberg.single:not(.lsx-body-full-width) with rule on line 7
Open

.gutenberg-compatible-template.using-gutenberg.single:not(.lsx-body-full-width) {

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

                .wp-block-column {

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

                    .wp-block-columns,

Line should be indented with spaces, not tabs
Open

    .lsx-hero-banner-block {

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered max-width, width
Open

            width: 100%;

Begin pseudo elements with double colons: ::
Open

                &:first-letter {

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

                .row {

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg,

Prefer single quoted strings
Open

@include media("<custom") {

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg.single {

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

                .wp-block-column {

Avoid using id selectors
Open

            figure.wp-block-embed,

@media declaration should be preceded by an empty line
Open

        @media only screen and (min-width: 768px) {

Properties should be ordered max-width, width
Open

                width: 100%;

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

                width: 90%;

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

    .gutenberg-compatible-template.using-gutenberg

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

                width: calc(100% + 5rem * 2);

Avoid using id selectors
Open

            figure.wp-block-embed,

Avoid using id selectors
Open

        .entry-meta,

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

            max-width: 850px;

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

                max-width: 90rem;

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

                .wp-block-column {

Rule declaration should be followed by an empty line
Open

        }

Use // comments everywhere
Open

/*--------------------------------------------------------------

Line should be indented with spaces, not tabs
Open

    .entry-content {

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

            .tab-content {

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

                h3 {

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

            &.has-background-img {

Avoid using id selectors
Open

            .entry-header,

Expected 0 spaces after ( instead of
Open

                width: calc( 100vw - 10rem );

Avoid qualifying class selectors with an element.
Open

            figure.wp-block-embed,

Avoid using id selectors
Open

            figure.wp-block-embed,

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

            }

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

                .wp-block-column {

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg,

Avoid using id selectors
Open

            figure.wp-block-embed,

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

                .wp-block-column {

Use // comments everywhere
Open

/*--------------------------------------------------------------

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

            color: white;

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

            background-color: black;

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

        background: white;

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

            .entry-content {

Prefer single quoted strings
Open

                        @include media(">=desktop") {

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

                &:first-letter {

Rule declaration should be followed by an empty line
Open

                }

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

                > .alignfull {

Use // comments everywhere
Open

/*--------------------------------------------------------------

Avoid qualifying attribute selectors with an element.
Open

                img.alignnone,

Rule declaration should be followed by an empty line
Open

        }

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

                .wp-block-column {

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

        }

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

            .wp-block-column {

!important should not be used
Open

            margin-top: -2.4rem !important;

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg {

Line should be indented 2 spaces, but was indented 4 spaces
Open

    margin-left: auto;

Line should be indented with spaces, not tabs
Open

    .navigation,

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

            &.lsx-disabled-hidden-title {

Line should be indented with spaces, not tabs
Open

    &.lsx-page-title,

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

                & > .entry-content {

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

                            max-width: 90rem;

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg,

Avoid qualifying class selectors with an element.
Open

        .wrap.container,

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

            max-width: 120rem;

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

                max-width: 90rem;

Avoid using id selectors
Open

        .entry-header,

Expected 0 spaces before ) instead of
Open

                width: calc( 100vw - 10rem );

Avoid qualifying class selectors with an element.
Open

    .gutenberg-compatible-template.using-gutenberg.page-template-template-no-sidebar

Avoid qualifying class selectors with an element.
Open

                img.alignnone,

Avoid qualifying class selectors with an element.
Open

                img.alignnone,

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

                .wp-block-column {

Avoid using id selectors
Open

            #lsx-testimonials-slider {

Rule declaration should be followed by an empty line
Open

        }

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

            color: white;

Rule declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    blockquote.is-style-large {

Properties should be ordered max-width, width
Open

            width: 100%;

Imported partial ../scss/global/_variables should be written as ../scss/global/variables
Open

@import "../scss/global/_variables";

Avoid using id selectors
Open

    .navigation,

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

                }

0px should be written without units as 0
Open

                    padding-top: 0px;

Rule declaration should be followed by an empty line
Open

            }

Prefer single quoted strings
Open

@include media(">=tablet") {

@media declaration should be preceded by an empty line
Open

            @media (max-width: 992px) {

Opening curly brace { should be preceded by one space
Open

            #lsx-team-slider{

Rule declaration should be followed by an empty line
Open

            }

Prefer single quoted strings
Open

@include media("<tablet") {

Rule declaration should be followed by an empty line
Open

            }

Properties should be ordered max-width, width
Open

            width: auto;

Prefer single quoted strings
Open

@include media(">=desktop-wide") {

Avoid using id selectors
Open

            figure.wp-block-embed,

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

                .wp-block-column {

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

        background: white;

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

                > div,

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

                > .alignwide {

Line should be indented with spaces, not tabs
Open

    .gutenberg-compatible-template.using-gutenberg .post-thumbnail img,

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

        .alignwide

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be preceded by an empty line
Open

        &.alignright,

Properties should be ordered min-width, width
Open

                width: 100%;

Rule declaration should be preceded by an empty line
Open

                .wp-block-column {

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

                max-width: 100rem;

Properties should be ordered max-width, width
Open

                width: 100%;

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

                .wp-block-column {

Rule declaration should be followed by an empty line
Open

        }

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

        position: relative;

Rule declaration should be followed by an empty line
Open

                }

Avoid using id selectors
Open

    #primary.content-area {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

        }

Avoid using id selectors
Open

        #respond {

Properties should be ordered max-width, width
Open

                width: 100%;

Rule declaration should be followed by an empty line
Open

                }

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

        article.page,

Expected 0 spaces after ( instead of
Open

            max-width: calc( 100vw - 14rem);

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

                img.alignnone,

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

                max-width: 70rem;

Rule declaration should be followed by an empty line
Open

            }

Avoid using id selectors
Open

        .entry-meta,

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

    .wp-block-video {

Line should be indented with spaces, not tabs
Open

    .alignfull {

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

                &:first-child {

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

                &:first-child {

Avoid qualifying class selectors with an element.
Open

    blockquote.is-style-large {

Prefer single quoted strings
Open

@include media(">=desktop-wide") {

Rule declaration should be followed by an empty line
Open

        }

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

            background-color: white;

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

            background-color: black;

Prefer single quoted strings
Open

@include media(">=tablet") {

Use // comments everywhere
Open

/*--------------------------------------------------------------

Rule declaration should be followed by an empty line
Open

        }

!important should not be used
Open

                    max-width: 700px !important;

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

        }

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

            background-color: white;

Rule declaration should be followed by an empty line
Open

        }

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

                max-width: 50%;

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

[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright), [class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

        }

Avoid using id selectors
Open

#primary {

Line should be indented with spaces, not tabs
Open

    .lsx-block-button.btn-full {

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

                &:nth-child(2) {

Line should be indented with spaces, not tabs
Open

    .lsx-icon-banner {

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

                &:nth-child(2) {

Line should be indented with spaces, not tabs
Open

    .lsx-full-width-gutenberg {

Line should be indented with spaces, not tabs
Open

    #primary.content-area {

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 2 spaces, but was indented 4 spaces
Open

    margin-right: auto;

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

            color: black;

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

    .has-2-columns {

!important should not be used
Open

                    max-width: 700px !important;

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

        width: 100%;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    max-width: 90rem;

There are no issues that match your filters.

Category
Status