lightspeeddevelopment/lsx-customizer

View on GitHub
assets/css/scss/components/_gutenberg-blocks.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    .has-small-font-size {

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Color literals like rgba(107, 169, 19, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(107, 169, 19, 1) 100%

Line should be indented with spaces, not tabs
Open

    .wp-block-media-text {

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

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

            rgba(249, 249, 249, 1) 100%

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

            rgba(247, 174, 0, 1) 0%,

Line should be indented with spaces, not tabs
Open

    .has-huge-font-size {

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Properties should be ordered margin-bottom, position, z-index
Open

                position: absolute;

Rule declaration should be preceded by an empty line
Open

    .wp-block-media-text {

Line should be indented with spaces, not tabs
Open

    .wp-block-categories {

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

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

            rgba(249, 249, 249, 1) 100%

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

            rgba(247, 174, 0, 1) 0%,

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

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

            rgba(247, 174, 0, 1) 100%

Line should be indented with spaces, not tabs
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

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

            rgba(247, 174, 0, 1) 100%

Line should be indented with spaces, not tabs
Open

    .has-primary-to-tertiary-gradient-background {

Color literals like rgba(107, 169, 19, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(107, 169, 19, 1) 100%

Line should be indented with spaces, not tabs
Open

    @media (min-width: 1024px) {

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Color literals like rgba(107, 169, 19, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(107, 169, 19, 1) 100%

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

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

            rgba(249, 249, 249, 1) 100%

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Line should be indented with spaces, not tabs
Open

    .has-medium-font-size {

Line should be indented with spaces, not tabs
Open

    figcaption {

Color literals like rgba(107, 169, 19, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(107, 169, 19, 1) 100%

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

        background-color: white;

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

        .wp-block-media-text__media {

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Line should be indented with spaces, not tabs
Open

    .has-large-font-size {

@media declaration should be followed by an empty line
Open

    }

Begin pseudo elements with double colons: ::
Open

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Color literals like rgba(107, 169, 19, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(107, 169, 19, 1) 100%

Line should be indented with spaces, not tabs
Open

    .has-primary-to-secondary-gradient-background {

Line should be indented with spaces, not tabs
Open

    .has-normal-font-size {

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

        background-color: white;

Line should be indented with spaces, not tabs
Open

    .has-primary-to-background-gradient-background {

Line should be indented with spaces, not tabs
Open

    .has-secondary-to-tertiary-gradient-background {

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

            rgba(247, 174, 0, 1) 0%,

Color literals like rgba(107, 169, 19, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(107, 169, 19, 1) 100%

Rule declaration should be followed by an empty line
Open

                }

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

                    .wp-block-embed__wrapper {

Selector wp-block-latest-posts__list should be written in lowercase with hyphens
Open

        &.wp-block-latest-posts__list {

Line should be indented with spaces, not tabs
Open

    .wp-block-audio {

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

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

    .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,

Line should be indented with spaces, not tabs
Open

    video,

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

                &.wp-block-embed-twitter,

Rule declaration should be followed by an empty line
Open

            }

@include declaration should be followed by an empty line
Open

            }

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

            .wp-block-embed-wordpress .entry-content-asset {

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

            &:last-child {

Rule declaration should be followed by an empty line
Open

    }

@media declaration should be preceded by an empty line
Open

        @media screen and (max-width: 600px) {

Rule declaration should be preceded by an empty line
Open

        &.alignwide {

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

            &:not(.is-grid) {

Line should be indented with spaces, not tabs
Open

    .lsx-button {

!important should not be used
Open

            box-shadow: 0 0 0 0 !important;

Line should be indented with spaces, not tabs
Open

    .lsx-block-post-grid-image {

!important should not be used
Open

        background: #f1f1f1 !important;

Rule declaration should be followed by an empty line
Open

    }

Line should be indented with spaces, not tabs
Open

    .wp-block-embed__wrapper {

Rule declaration should be followed by an empty line
Open

    }

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

            .wp-block-embed {

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

                &.alignfull {

Merge rule .wp-block-text-columns with rule on line 235
Open

    .wp-block-text-columns {

Rule declaration should be followed by an empty line
Open

    }

!important should not be used
Open

        background: #f1f1f1 !important;

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("<=custom") {

Rule declaration should be preceded by an empty line
Open

        &:not(.is-style-dots) {

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

        background: #f1f1f1 !important;

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

    .wp-block-embed__wrapper {

Avoid using id selectors
Open

    #main {

Line should be indented with spaces, not tabs
Open

    .wp-block-text-columns {

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

                        &:last-child {

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

        background: #f1f1f1 !important;

Line should be indented with spaces, not tabs
Open

    .lsx-block-post-grid-text {

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

            rgba(247, 174, 0, 1) 100%

Color literals like rgba(39, 99, 158, 1) should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            rgba(39, 99, 158, 1) 0%,

Properties should be ordered padding-right, width
Open

                width: 100%;

@include declaration should be followed by an empty line
Open

            }

Line should be indented with spaces, not tabs
Open

    .wp-block-file {

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

                        &:first-child {

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

            .wp-block-column {

Line should be indented with spaces, not tabs
Open

    #lsx-testimonials-slider {

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

    video,

Line should be indented with spaces, not tabs
Open

    .wp-block-embed-twitter,

@include declaration should be preceded by an empty line
Open

            @include media("<=custom") {

Prefer single quoted strings
Open

            @include media(">custom") {

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

                &.alignright {

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

                    p {

Rule declaration should be preceded by an empty line
Open

                    &:first-child {

Rule declaration should be followed by an empty line
Open

                    }

Rule declaration should be followed by an empty line
Open

    }

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

.gutenberg-compatible-template.using-gutenberg {

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

            .wp-block-embed {

Rule declaration should be followed by an empty line
Open

                }

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

                    .wp-block-embed__wrapper {

Line should be indented with spaces, not tabs
Open

    .button {

Line should be indented with spaces, not tabs
Open

    .wp-block-buttons {

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

                    p {

Rule declaration should be followed by an empty line
Open

        }

Rule declaration should be followed by an empty line
Open

    }

!important should not be used
Open

                            margin-left: auto !important;

Prefer single quoted strings
Open

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

Line should be indented with spaces, not tabs
Open

    .wp-block-button {

Line should be indented with spaces, not tabs
Open

    .wp-block-separator {

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

        .wp-block-file__button {

Line should be indented with spaces, not tabs
Open

    .wp-block-text-columns {

Rule declaration should be followed by an empty line
Open

                    }

Rule declaration should be followed by an empty line
Open

        }

Properties should be ordered box-shadow, left, position, top
Open

            left: 2px;

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

                &.alignwide {

Prefer single quoted strings
Open

            @include media(">tablet") {

Line should be indented with spaces, not tabs
Open

    .wp-block-latest-posts {

Properties should be ordered background-color, font-size, font-style, margin, padding
Open

        padding: 1.8rem;

Rule declaration should be followed by an empty line
Open

                }

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

                &.alignleft {

!important should not be used
Open

                            margin-right: auto !important;

Rule declaration should be preceded by an empty line
Open

        .wp-block-file__button {

Prefer single quoted strings
Open

            @include media(">tablet") {

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

    }

Line should be indented with spaces, not tabs
Open

    #main {

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

                    max-width: 585px;

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

            .wp-block-embed-wordpress .entry-content-asset {

Line should be indented with spaces, not tabs
Open

    .wp-block-columns {

0px should be written without units as 0
Open

        margin-bottom: 0px;

Rule declaration should be followed by an empty line
Open

                    }

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

                    max-width: 585px;

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

                        > * {

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

        margin-top: 24px;

Avoid using id selectors
Open

    #lsx-testimonials-slider {

There are no issues that match your filters.

Category
Status