lightspeeddevelopment/lsx-customizer

View on GitHub
assets/css/scss/lsx-customizer.scss

Summary

Maintainability
Test Coverage

Line should be indented with spaces, not tabs
Open

    display: inline-block;

Rule declaration should be followed by an empty line
Open

    }

Prefer single quoted strings
Open

        @include media(">=tablet") {

Line should be indented with spaces, not tabs
Open

    -moz-osx-font-smoothing: grayscale;

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

                > * {

Line should be indented with spaces, not tabs
Open

    .page-template-default:not(.has-sidebar).woocommerce-page.lsx-wc-checkout-layout-default

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

            .col-1 {

Rule declaration should be followed by an empty line
Open

        }

Selector order_review should be written in lowercase with hyphens
Open

        #order_review {

Line should be indented with spaces, not tabs
Open

    -webkit-font-smoothing: antialiased;

@include declaration should be followed by an empty line
Open

        }

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

                .form-row-first {

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

            .col-2 {

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

                .form-row-last {

Line should be indented with spaces, not tabs
Open

    text-rendering: auto; // optimizelegibility throws things off #1094

Avoid qualifying class selectors with an element.
Open

article.page {

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

            .woocommerce {

Avoid using id selectors
Open

        #order_review {

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

                .form-row-first {

Line should be indented with spaces, not tabs
Open

    .page-template-default:not(.has-sidebar).woocommerce-page.lsx-wc-checkout-layout-stacked

Avoid using id selectors
Open

        #order_review_heading {

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

            .woocommerce {

Prefer single quoted strings
Open

@import "customizer-customizer-body-colours";

Line should be indented with spaces, not tabs
Open

    .page-template-default:not(.has-sidebar).woocommerce-page.lsx-wc-checkout-layout-two-column-addreses

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

                .form-row-last {

Line should be indented with spaces, not tabs
Open

    font-size: inherit; // can't have font-size inherit on line above, so need to override

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

                    max-width: 900px;

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

                    .form-row-last {

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

            .form-row-last {

Line should be indented with spaces, not tabs
Open

    white-space: nowrap;

Prefer single quoted strings
Open

    @include media("<phone") {

Begin pseudo elements with double colons: ::
Open

                &:before {

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

                .form-row-first {

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

            .col-2 {

Avoid using id selectors
Open

            #order_review_heading {

Prefer single quoted strings
Open

                content: "";

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

                    max-width: 900px;

Avoid using id selectors
Open

            #order_review_heading {

Empty rule
Open

.lsx-wc-checkout-steps-item-current {

Unnecessary parent selector (&)
Open

            & > span,

Line should be indented with spaces, not tabs
Open

    margin-right: 5px;

Prefer single quoted strings
Open

    @include media("<tablet") {

Line should be indented with spaces, not tabs
Open

    vertical-align: middle;

Line should be indented with spaces, not tabs
Open

    margin-bottom: 4.25rem;

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

                > * {

!important should not be used
Open

            width: 750px !important;

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

                .col-1 {

Avoid using id selectors
Open

        #order_review {

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

            .col2-set {

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

            .col-2 {

Avoid using id selectors
Open

        #order_review {

Unnecessary parent selector (&)
Open

    & > span,

Unnecessary parent selector (&)
Open

            & > span,

Line should be indented with spaces, not tabs
Open

    @include media("<phone") {

Prefer single quoted strings
Open

    @include media("<phone") {

Prefer single quoted strings
Open

@import "include-media";

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

            .woocommerce {

Selector order_review_heading should be written in lowercase with hyphens
Open

            #order_review_heading {

Line should be indented with spaces, not tabs
Open

    &:not(.lsx-wc-checkout-steps-item-done) {

Prefer single quoted strings
Open

        @include media("<phone") {

Line should be indented with spaces, not tabs
Open

    @include media("<phone") {

Prefer single quoted strings
Open

                    content: "\f291";

Line should be indented with spaces, not tabs
Open

    @include media("<phone") {

Line should be indented with spaces, not tabs
Open

    font-style: normal;

Line should be indented with spaces, not tabs
Open

    width: 26px;

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

                .col-2 {

Selector order_review should be written in lowercase with hyphens
Open

        #order_review {

Avoid using id selectors
Open

            #order_review {

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

            .col2-set {

Line should be indented with spaces, not tabs
Open

    padding-left: 0;

Line should be indented with spaces, not tabs
Open

    font-size: 16px;

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

                    max-width: 1020px;

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

            .col-1 {

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

            .col-2 {

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

            .col2-set {

Avoid using id selectors
Open

        #order_review_heading {

Begin pseudo elements with double colons: ::
Open

            &:after {

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

            .col-1 {

!important should not be used
Open

                max-width: 900px !important;

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

                .col-1 {

Begin pseudo elements with double colons: ::
Open

            &:before {

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

                    .form-row-last {

Avoid using id selectors
Open

            #order_review_heading {

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

            #order_review {

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

                max-width: 900px !important;

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

            #order_review_heading {

Line should be indented with spaces, not tabs
Open

    font-size: 18px;

Line should be indented with spaces, not tabs
Open

    list-style: none;

Line should be indented with spaces, not tabs
Open

    .fa-angle-right {

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

                &:before {

Line should be indented with spaces, not tabs
Open

    vertical-align: middle;

Line should be indented with spaces, not tabs
Open

    @include media("<tablet") {

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

                    .form-row-first {

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

            #order_review_heading {

Line should be indented with spaces, not tabs
Open

    .lsx-wc-checkout-layout-stacked {

Line should be indented with spaces, not tabs
Open

    .lsx-wc-checkout-layout-two-column-addreses {

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

            .col2-set {

Properties should be ordered float, width
Open

            width: 100%;

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

                    .form-row-first {

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

            .form-row-last {

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

                .lsx-checkout-slides {

Rule declaration should be followed by an empty line
Open

        }

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

            #order_review_heading {

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

            .woocommerce {

Prefer single quoted strings
Open

                content: "";

Avoid using id selectors
Open

            #order_review {

Prefer single quoted strings
Open

    @include media("<phone") {

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

                &:before {

Prefer single quoted strings
Open

    @include media(">=phone") {

Line should be indented with spaces, not tabs
Open

    width: 100%;

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

                    .form-row-first {

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

            #order_review_heading {

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

            #order_review {

Selector order_review should be written in lowercase with hyphens
Open

            #order_review {

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

            .col-1 {

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

            .col2-set {

Line should be indented with spaces, not tabs
Open

    &:last-child {

Begin pseudo elements with double colons: ::
Open

            &:after {

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

            span {

Begin pseudo elements with double colons: ::
Open

                &:before {

Line should be indented with spaces, not tabs
Open

    display: inline-block;

Line should be indented with spaces, not tabs
Open

    height: 26px;

Line should be indented with spaces, not tabs
Open

    font: normal normal normal 14px/1 FontAwesome; // shortening font declaration

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

            .woocommerce {

Selector order_review_heading should be written in lowercase with hyphens
Open

        #order_review_heading {

Selector order_review_heading should be written in lowercase with hyphens
Open

            #order_review_heading {

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

            .col-2 {

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

                .form-row-last {

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

                .col-2 {

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

            &:after {

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

            .checkout {

Avoid using id selectors
Open

        #order_review_heading {

Line should be indented with spaces, not tabs
Open

    .fa-check-circle {

Unnecessary parent selector (&)
Open

            & > span,

Line should be indented with spaces, not tabs
Open

    display: inline-block;

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

                    .form-row-last {

Selector order_review_heading should be written in lowercase with hyphens
Open

        #order_review_heading {

Avoid using id selectors
Open

        #primary:not([class*="-8"]) {

Prefer single quoted strings
Open

        @include media("<phone") {

Properties should be ordered border-radius, height, line-height, position, text-align, width
Open

            line-height: 35px;

Empty rule
Open

.lsx-wc-checkout-steps-item-disabled {

Prefer single quoted strings
Open

                    content: "\f09d";

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

                &:before {

Line should be indented with spaces, not tabs
Open

    border-radius: 50%;

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

                    .form-row-last {

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

            .col-1 {

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

                .form-row-first {

Rule declaration should be followed by an empty line
Open

            }

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

            #order_review {

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

            #order_review {

Line should be indented with spaces, not tabs
Open

    margin-right: 10px;

Empty rule
Open

.lsx-wc-checkout-extra-html {

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

                .form-row-last {

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

                .col-1 {

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

            #order_review_heading {

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

            #order_review {

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

            .col-2 {

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

            .form-row-first {

Line should be indented with spaces, not tabs
Open

    margin-bottom: 0;

Begin pseudo elements with double colons: ::
Open

                &:before {

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

                &:before {

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

            .col2-set {

Selector order_review should be written in lowercase with hyphens
Open

            #order_review {

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

                    .form-row-first {

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

            #order_review {

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

            .form-row-first {

Selector order_review should be written in lowercase with hyphens
Open

        #order_review {

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

                .col-2 {

Line should be indented with spaces, not tabs
Open

    display: flex;

Line should be indented with spaces, not tabs
Open

    & > span,

Unnecessary parent selector (&)
Open

            & > span,

Line should be indented with spaces, not tabs
Open

    line-height: 26px;

Line should be indented with spaces, not tabs
Open

    text-align: center;

Line should be indented with spaces, not tabs
Open

    @include media(">=phone") {

Avoid using id selectors
Open

        #primary:not([class*="-8"]) {

Avoid using id selectors
Open

            #order_review {

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

            .col-1 {

Selector order_review_heading should be written in lowercase with hyphens
Open

        #order_review_heading {

Avoid using id selectors
Open

        #primary:not([class*="-8"]) {

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

            #order_review_heading {

Selector order_review_heading should be written in lowercase with hyphens
Open

            #order_review_heading {

Selector order_review should be written in lowercase with hyphens
Open

            #order_review {

Line should be indented with spaces, not tabs
Open

    margin-bottom: 4.2rem;

Line should be indented with spaces, not tabs
Open

    justify-content: center;

Prefer single quoted strings
Open

        @include media("<phone") {

Begin pseudo elements with double colons: ::
Open

                &:before {

Prefer single quoted strings
Open

                    content: "\f118";

Prefer single quoted strings
Open

                content: "\f007";

Avoid vendor prefixes.
Open

                        -webkit-backface-visibility: hidden;

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

                .lsx-customizer-addresses {

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

    #f6f6f6,

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

                &:after,

Line should be indented with spaces, not tabs
Open

    .lsx-wc-my-account-menu-item-simple & {

Selector order_review should be written in lowercase with hyphens
Open

                .col2-set,

Rule declaration should be followed by an empty line
Open

                }

Prefer single quoted strings
Open

                        content: "";

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

                li:nth-child(2) {

Begin pseudo elements with double colons: ::
Open

                    a.flex-active:before {

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

                        margin-left: -0.5em;

Rule declaration should be followed by an empty line
Open

                }

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

    #dadddf,

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

    #4a4a4a,

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

    #418ad0,

Begin pseudo elements with double colons: ::
Open

                &:after,

Rule declaration should be followed by an empty line
Open

        }

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

                        background-color: #d7d7d7;

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

                .col2-set,

Rule declaration should be followed by an empty line
Open

                }

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

                    &:not(:first-child) {

Merge rule .lsx-checkout-slides with rule on line 652
Open

        .lsx-checkout-slides {

Prefer single quoted strings
Open

                        content: "";

Rule declaration should be followed by an empty line
Open

                    }

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

                        font-family: "Font Awesome 5 Free";

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

    #919191

Line should be indented with spaces, not tabs
Open

    & > a {

Begin pseudo elements with double colons: ::
Open

        &:after {

Prefer single quoted strings
Open

            @include media(">=desktop") {

Avoid using id selectors
Open

                .primary-navbar,

Rule declaration should be preceded by an empty line
Open

            .lsx-two-step-checkout {

!important should not be used
Open

                        display: none !important;

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

                #order_review_heading {

Selector order_review_heading should be written in lowercase with hyphens
Open

                #order_review_heading {

Rule declaration should be followed by an empty line
Open

                }

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

                .order-review {

Begin pseudo elements with double colons: ::
Open

                    a:before {

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

                li {

Begin pseudo elements with double colons: ::
Open

                    &:before {

Properties should be ordered background-color, border, border-radius, bottom, box-sizing, content, display, height, left, margin-left, position, width
Open

                        display: block;

Prefer single quoted strings
Open

                        font-family: "Font Awesome 5 Free";

Avoid using id selectors
Open

            #top-menu & {

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

            #top-menu & {

Begin pseudo elements with double colons: ::
Open

            &:after {

Rule declaration should be followed by an empty line
Open

        }

Line should be indented with spaces, not tabs
Open

    &.lsx-wc-checkout-two-steps {

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

            padding: 0;

Avoid using id selectors
Open

                #order_review_heading {

Avoid using id selectors
Open

                    #order_review_heading {

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

            .lsx-checkout-control-nav {

Line should be indented with spaces, not tabs
Open

    &.lsx-wc-my-account-menu-item-simple {

Avoid using id selectors
Open

                #top-menu & {

Properties should be ordered bottom, content, display, height, left, position, width
Open

                        content: "";

Unnecessary parent selector (&)
Open

            & > a {

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

            #primary {

Avoid using id selectors
Open

                .col2-set,

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

                    #order_review_heading {

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

                        border: 4px solid #d7d7d7;

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

                li:first-child {

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

                    &:before {

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

                    a:after {

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

            .flex-disabled {

Prefer single quoted strings
Open

                        content: "\f30a";

Prefer single quoted strings
Open

                        font-family: "Font Awesome 5 Free";

0.53 should be written without a leading zero as .53
Open

                        margin-left: 0.53em;

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

    #f7ae00,

Prefer single quoted strings
Open

                content: "\f090";

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

                .primary-navbar,

Rule declaration should be preceded by an empty line
Open

                .primary-navbar,

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

            .lsx-two-step-checkout {

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

                    &:not(.flex-active-slide) {

Rule declaration should be followed by an empty line
Open

                }

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

                    a:before {

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

                    a.flex-active:before {

!important should not be used
Open

                display: none !important;

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

                    a:after {

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

            &:before {

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

                margin-right: 0.5rem;

Avoid using id selectors
Open

        #masthead {

Rule declaration should be preceded by an empty line
Open

                .col2-set,

Properties should be ordered bottom, content, display, height, position, right, width
Open

                        content: "";

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

                        background-color: #ebebeb;

Rule declaration should be preceded by an empty line
Open

                a {

Rule declaration should be followed by an empty line
Open

            }

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

            &:after {

Avoid using id selectors
Open

        .breadcrumbs-container,

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

                    a:before {

Unnecessary parent selector (&)
Open

        & > a {

Prefer single quoted strings
Open

        @include media(">=desktop") {

Rule declaration should be followed by an empty line
Open

    }

Rule declaration should be followed by an empty line
Open

                    }

Selector order_review_heading should be written in lowercase with hyphens
Open

                    #order_review_heading {

Begin pseudo elements with double colons: ::
Open

                    a:before {

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

                    a:before {

Avoid qualifying class selectors with an element.
Open

                    a.flex-active:before {

Rule declaration should be followed by an empty line
Open

                    }

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

                    a:before {

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

                    a {

Prefer single quoted strings
Open

                        content: "\f30b";

Unnecessary parent selector (&)
Open

    & > a {

Line should be indented with spaces, not tabs
Open

    &.lsx-wc-my-account-menu-item-right-aligned {

Prefer single quoted strings
Open

                    content: "\f090";

Empty rule
Open

                .lsx-customizer-addresses {

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

                        background-color: #ffffff;

Properties should be ordered clear, margin, padding, position, z-index
Open

            margin: 1rem 0;

0.53 should be written without a leading zero as .53
Open

                        margin-right: 0.53em;

Unnecessary parent selector (&)
Open

        & + .lsx-wc-cart-menu-item-right-aligned {

!important should not be used
Open

        display: none !important;

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

            > .container {

!important should not be used
Open

                    display: none !important;

Properties should be ordered -webkit-backface-visibility, display
Open

                        display: none;

Merge rule a:before with rule on line 707
Open

                    a:before {

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

                        background-color: #d7d7d7;

Prefer single quoted strings
Open

            @include media(">=desktop") {

Begin pseudo elements with double colons: ::
Open

                    a:after {

Color #ffffff should be written as #fff
Open

                        background-color: #ffffff;

Begin pseudo elements with double colons: ::
Open

                    a:before {

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

            li {

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

            & > a {

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

                a {

Begin pseudo elements with double colons: ::
Open

                    a:before {

Avoid using id selectors
Open

            #primary {

Rule declaration should be followed by an empty line
Open

                    }

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

            a {

Prefer single quoted strings
Open

            content: "\f007";

Unnecessary parent selector (&)
Open

        & > a {

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

            #primary {

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

                > li {

Properties should be ordered margin-bottom, margin-left, padding, text-align
Open

                margin-left: 0;

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

                    a:after {

Prefer single quoted strings
Open

                        content: "";

Properties should be ordered color, cursor
Open

                        cursor: default;

Begin pseudo elements with double colons: ::
Open

            &:before {

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

            @include media(">=desktop") {

Line should be indented with spaces, not tabs
Open

    &.lsx-wc-my-account-login {

Begin pseudo elements with double colons: ::
Open

                &:before {

Avoid qualifying class selectors with an element.
Open

ul.lsx-wc-my-account-sub-menu {

Line should be indented with spaces, not tabs
Open

    &.lsx-wc-checkout-distraction-free {

Avoid using id selectors
Open

            #primary {

Rule declaration should be followed by an empty line
Open

        }

Begin pseudo elements with double colons: ::
Open

                    a:before {

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

                    a:before {

Properties should be ordered content, font-family, font-weight, margin-left
Open

                        font-family: "Font Awesome 5 Free";

There are no issues that match your filters.

Category
Status