lightspeeddevelopment/lsx-customizer

View on GitHub
assets/css/scss/global/mixins/_content.scss

Summary

Maintainability
Test Coverage

Avoid using id selectors
Open

        #searchform {

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

                &:before {

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

                    font-size: 12px;

Begin pseudo elements with double colons: ::
Open

                &,

Rule declaration should be followed by an empty line
Open

        }

Prefer single quoted strings
Open

                    content: "\f00c";

Line should be indented with spaces, not tabs
Open

    .lsx-full-width-alt {

Properties should be ordered border, color
Open

                color: $color;

Rule declaration should be preceded by an empty line
Open

        a:not(.btn):not(.wp-block-button__link):not(.has-link-anchor) {

Avoid using id selectors
Open

        .content-area &,

Line should be indented with spaces, not tabs
Open

    #masthead {

Unnecessary parent selector (&)
Open

            & cite {

Line should be indented with spaces, not tabs
Open

    #home-widgets {

Line should be indented with spaces, not tabs
Open

    body {

Line should be indented with spaces, not tabs
Open

    .lsx-title {

border: 0 is preferred over border: none
Open

                border: none;

Rule declaration should be followed by an empty line
Open

                }

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

                    color: #fff;

Line should be indented with spaces, not tabs
Open

    .breadcrumbs-container {

Line should be indented with spaces, not tabs
Open

    .content-area {

Avoid qualifying class selectors with an element.
Open

            & > span.dots {

Properties should be ordered display, margin-bottom
Open

                margin-bottom: 1.5rem;

Line should be indented with spaces, not tabs
Open

    .lsx-full-width {

Rule declaration should be preceded by an empty line
Open

            li {

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

                &,

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

                    .search-submit {

Unnecessary parent selector (&)
Open

            & > .page-numbers,

Avoid using id selectors
Open

    #masthead {

Begin pseudo elements with double colons: ::
Open

            &:before {

Begin pseudo elements with double colons: ::
Open

                &,

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

                &.current,

Unnecessary parent selector (&)
Open

            & > .prev,

Begin pseudo elements with double colons: ::
Open

                &:before {

Begin pseudo elements with double colons: ::
Open

        &:after {

Properties should be ordered list-style-type, padding-left, padding-right
Open

            padding-left: 0;

Avoid using id selectors
Open

    #home-widgets {

Begin pseudo elements with double colons: ::
Open

            &:after {

Avoid using id selectors
Open

        .content-area &,

Line should be indented with spaces, not tabs
Open

    .lsx-breaker,

Line should be indented with spaces, not tabs
Open

    .content-area,

Rule declaration should be preceded by an empty line
Open

                &:before {

Unnecessary parent selector (&)
Open

            & > span.dots {

Unnecessary parent selector (&)
Open

                        & > a {

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

            border-color: #fff;

Line should be indented with spaces, not tabs
Open

    .slick-lightbox-inner {

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

        background-color: #fff;

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

                tr:last-child {

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

                    th {

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

                > div:first-child {

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

                .post-meta-avatar {

Rule declaration should be followed by an empty line
Open

            }

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

                    & > p {

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

                tr {

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

                    background-color: #e6e6e6;

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

                thead {

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

                    .search-submit {

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

                &:hover,

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

                .label-sticky {

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

                .post-meta {

Unnecessary parent selector (&)
Open

                    & > time {

Line should be indented with spaces, not tabs
Open

    .gallery {

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

                color: #ccc;

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

                & > a {

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

                    background-color: #e6e6e6;

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

                        background-color: #e6e6e6;

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

                    td {

Begin pseudo elements with double colons: ::
Open

                &:hover:before {

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

                &:hover:before {

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

                    color: white;

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

                a {

Avoid using id selectors
Open

    #respond {

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

                .media-body {

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

            border-color: white;

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

                    background-color: #fff;

Line should be indented with spaces, not tabs
Open

    #add_payment_method,

Rule declaration should be followed by an empty line
Open

                }

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

                tbody {

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

                thead {

Avoid qualifying class selectors with an element.
Open

        article.post,

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

                    &:hover {

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

                    a {

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

                a {

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

                .media-object {

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

                border-color: white;

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

                border-color: white;

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

                    &:hover {

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

                &.active > a {

Avoid qualifying class selectors with an element.
Open

        table.cart {

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

                img {

Avoid qualifying class selectors with an element.
Open

            table.shop_table {

Avoid qualifying class selectors with an element.
Open

            table.shop_table {

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

                        background-color: #e6e6e6;

Avoid qualifying class selectors with an element.
Open

        article.post,

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

                    & > a {

Avoid using id selectors
Open

    #comments {

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

                .media-object {

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

                &.bypostauthor > .media-object {

Line should be indented with spaces, not tabs
Open

    .modal {

Line should be indented with spaces, not tabs
Open

    .caldera-form-page {

Begin pseudo elements with double colons: ::
Open

                    &:after {

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

                    th {

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

                        background-color: #fff;

Rule declaration should be preceded by an empty line
Open

        .wrap.container {

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

                .post-meta-categories,

Line should be indented with spaces, not tabs
Open

    .single-post {

Line should be indented with spaces, not tabs
Open

    #respond {

Line should be indented with spaces, not tabs
Open

    #comments {

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

                &:not(.media-reply) {

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

                color: white;

Line should be indented with spaces, not tabs
Open

    .remodal-wrapper {

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

                    color: #fff;

Avoid using id selectors
Open

    #add_payment_method,

Selector cart_totals should be written in lowercase with hyphens
Open

        .cart_totals {

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

                    color: #fff;

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

                    a {

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

                .post-meta-avatar {

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

                border-color: #ccc;

Line should be indented with spaces, not tabs
Open

    .caldera-grid {

Selector shop_table should be written in lowercase with hyphens
Open

            table.shop_table {

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

                        background-color: #e6e6e6;

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

                tbody {

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

                    th {

Rule declaration should be followed by an empty line
Open

                    }

Unnecessary parent selector (&)
Open

                    & > a {

Unnecessary parent selector (&)
Open

                & > a {

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

            border-color: #fff;

Shorthand form for property border-color should be written more concisely as transparent transparent $bg instead of transparent transparent $bg transparent
Open

                        border-color: transparent transparent $bg transparent;

Rule declaration should be followed by an empty line
Open

                }

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

                tbody {

Line should be indented with spaces, not tabs
Open

    .blog,

Rule declaration should be followed by an empty line
Open

        }

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

                & > a {

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

                &.bypostauthor > .media-object {

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

                    & > time {

Unnecessary parent selector (&)
Open

            & > li {

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

                color: #fff;

Unnecessary parent selector (&)
Open

                & > a {

Selector add_payment_method should be written in lowercase with hyphens
Open

    #add_payment_method,

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

                tr {

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

                    background-color: #fff;

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

                    th,

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

                        background-color: #fff;

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

                    &#primary {

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

                .post-meta-avatar {

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

                .media-body {

Unnecessary parent selector (&)
Open

                & > button {

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

                &.slick-active > button {

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

                &.slick-active > button {

Unnecessary parent selector (&)
Open

            & > li {

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

                    &:after {

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

                tr {

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

                tfoot {

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

                > div:first-child {

Avoid using id selectors
Open

                    &#primary {

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

                    &:hover {

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

                .post-meta {

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

                .post-meta-avatar {

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

                .post-meta {

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

            color: #fff;

Rule declaration should be followed by an empty line
Open

                    }

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

        .woocommerce-checkout-review-order,

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

                tfoot {

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

                .post-meta {

Avoid qualifying class selectors with an element.
Open

        article.post {

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

                .post-meta {

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

                        @include lsx-link-colour(white, $hover);

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

                        @include lsx-link-colour(white, $hover);

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

                & > button {

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

                color: white;

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

                &.active > a {

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

                img {

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

                tbody {

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

                    td {

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

                    a {

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

            color: #fff;

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

                & > button {

Avoid qualifying class selectors with an element.
Open

        article.post,

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

                .post-meta {

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

                .post-meta-categories,

Unnecessary parent selector (&)
Open

                    & > p {

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

            border-color: white;

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

            color: white;

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

                        background-color: #fff;

Selector shop_table should be written in lowercase with hyphens
Open

            table.shop_table {

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

                .label-sticky {

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

                    color: white;

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

                & > a {

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

                    border-color: $hover;

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

                        & > a {

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

            color: white;

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

                tr {

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

                tr:last-child {

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

                        background-color: #fff;

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

        background-color: #fff;

!important should not be used
Open

                        color: #fff !important;

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

                tr {

Avoid using id selectors
Open

        #woochimp_checkout_groups {

Avoid qualifying class selectors with an element.
Open

            form.cart {

!important should not be used
Open

                    background-color: #fff !important;

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

                        background-color: #fff !important;

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

                    color: #fff;

Line should be indented with spaces, not tabs
Open

    .woocommerce {

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

        color: #fff !important;

Rule declaration should be followed by an empty line
Open

                }

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

                        &.active > a {

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

                        label {

Avoid using id selectors
Open

    #add_payment_method,

Avoid qualifying class selectors with an element.
Open

            div.payment_box {

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-slot,

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

            color: #77a464;

Line should be indented with spaces, not tabs
Open

    div.pp_woocommerce {

Avoid using id selectors
Open

    #wc-bookings-booking-form {

Selector shop_table should be written in lowercase with hyphens
Open

        table.shop_table {

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

                    background-color: #e6e6e6;

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

                a {

Unnecessary parent selector (&)
Open

                    & > li {

Avoid using id selectors
Open

        #payment {

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

                color: #fff;

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-slider {

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

                &.slick-active > button {

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

                tr {

Avoid qualifying class selectors with an element.
Open

    .button-social-login,

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

                    & > li {

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

                            background-color: #fff;

Line should be indented with spaces, not tabs
Open

    .wl-tab-wrap {

!important should not be used
Open

                    background-color: $link !important;

Shorthand form for property border-color should be written more concisely as transparent transparent $bg instead of transparent transparent $bg transparent
Open

                        border-color: transparent transparent $bg transparent;

Selector add_payment_method should be written in lowercase with hyphens
Open

    #add_payment_method,

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

                    &:hover {

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

                .product-rating-details {

Avoid using id selectors
Open

    #wl-wrapper {

Avoid qualifying class selectors with an element.
Open

    .button-social-login,

@include declaration should be followed by an empty line
Open

        }

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

                        color: #fff !important;

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

                    background-color: #fff;

Avoid using id selectors
Open

        #coupons_list {

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

            color: #fff;

Line should be indented with spaces, not tabs
Open

    #wc-bookings-booking-form {

Line should be indented with spaces, not tabs
Open

    .button-social-login,

Avoid qualifying class selectors with an element.
Open

    .button-social-login,

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

                            &:after {

Shorthand form for property border-color should be written more concisely as transparent transparent $bg instead of transparent transparent $bg transparent
Open

                                border-color: transparent transparent $bg

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

                .panel {

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

                    background: #fff;

!important should not be used
Open

                        background-color: #fff !important;

!important should not be used
Open

                    color: #fff !important;

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

                    color: #fff !important;

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-slot {

Unnecessary parent selector (&)
Open

                & > button {

Selector pp_woocommerce should be written in lowercase with hyphens
Open

    div.pp_woocommerce {

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

            border-color: #fff;

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

                .product-rating-details {

Avoid qualifying class selectors with an element.
Open

        table.shop_table {

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

                .nav-tabs {

Unnecessary parent selector (&)
Open

                        & > a {

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

                .variations {

Avoid qualifying class selectors with an element.
Open

                    td.label {

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

                > a {

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

                &:hover {

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

                & > button {

Avoid qualifying class selectors with an element.
Open

    div.pp_woocommerce {

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

                    background-color: #fff;

!important should not be used
Open

        color: #fff !important;

Line should be indented with spaces, not tabs
Open

    .woocommerce-page #main {

Selector woochimp_checkout_groups should be written in lowercase with hyphens
Open

        #woochimp_checkout_groups {

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

                            &:hover {

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

                            color: #fff;

Selector payment_methods should be written in lowercase with hyphens
Open

            ul.payment_methods {

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

                li:not(.woocommerce-notice) {

Avoid qualifying class selectors with an element.
Open

            a:not(.btn).moretag {

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

                &.slick-active > button {

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

                    table {

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

                &.active {

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

                table {

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

                        background-color: #f6f6f6;

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

                tr {

Rule declaration should be followed by an empty line
Open

                }

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

                tr:last-child:not(:only-child) {

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

                background-color: #fff;

Begin pseudo elements with double colons: ::
Open

            span:before {

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

            .label {

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

                    background-color: #fff !important;

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

                &.active > a {

Unnecessary parent selector (&)
Open

            & > li {

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

                    background-color: #fff;

!important should not be used
Open

            color: $color !important;

Begin pseudo elements with double colons: ::
Open

                &:before {

Line should be indented with spaces, not tabs
Open

    .woocommerce {

Avoid qualifying class selectors with an element.
Open

        div.product {

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

                                background-color: #fff;

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

                    &:after {

Avoid qualifying class selectors with an element.
Open

            ul.payment_methods {

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

                li:not(.woocommerce-notice) {

Selector payment_box should be written in lowercase with hyphens
Open

            div.payment_box {

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

                        td {

Avoid qualifying class selectors with an element.
Open

        a.button.wl-add-but {

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

                a {

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

                        & > a {

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

                .panel {

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

                .variations {

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

                    td.label {

Begin pseudo elements with double colons: ::
Open

                    &:after {

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-review-slot {

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

            background-color: #e6e6e6;

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

                    th {

Line should be indented with spaces, not tabs
Open

    #wl-wrapper {

Begin pseudo elements with double colons: ::
Open

            &:before {

@include declaration should be preceded by an empty line
Open

        @include media("<tablet") {

Prefer single quoted strings
Open

        @include media("<tablet") {

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

                    border-bottom: none;

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

                > a {

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

                    &:hover {

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

            background-color: #fff;

!important should not be used
Open

                color: $hover !important;

Avoid qualifying class selectors with an element.
Open

    .button-social-login,

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

    .woocommerce-MyAccount-navigation {

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

                &.is-active {

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

                    a {

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

                &.active > a {

Selector pp_content_container should be written in lowercase with hyphens
Open

        .pp_content_container {

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

                            &.rating-graph {

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

                    border: 1px solid #999;

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

                tr {

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

                    background-color: #e6e6e6;

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

                tr:last-child:not(:only-child) {

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

                &:last-child {

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

                .nav-tabs {

Begin pseudo elements with double colons: ::
Open

                            &:after {

Line should be indented with spaces, not tabs
Open

    #add_payment_method,

Line should be indented with spaces, not tabs
Open

    .woocommerce-page {

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

            background-color: #fff;

Line should be indented with spaces, not tabs
Open

    .woocommerce-MyAccount-navigation {

Line should be indented with spaces, not tabs
Open

    .woocommerce {

Avoid using id selectors
Open

    .woocommerce-page #main {

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

        background-color: #fff;

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

                & > button {

Line should be indented with spaces, not tabs
Open

    .woocommerce,

Selector coupons_list should be written in lowercase with hyphens
Open

        #coupons_list {

Avoid using id selectors
Open

        #reviews {

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

                                .bar {

0.202 should be written without a leading zero as .202
Open

                border-bottom: 0.202em solid $breaker;

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

                table {

Line should be indented with spaces, not tabs
Open

    #tribe-bar-collapse-toggle {

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

        background-color: #fff;

Avoid qualifying class selectors with an element.
Open

        td.tribe-events-thismonth {

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

                &,

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

                background-color: #ddd !important;

!important should not be used
Open

                background-color: #ddd !important;

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

                background-color: #ddd !important;

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

                background-color: #ccc !important;

!important should not be used
Open

                    color: #999 !important;

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

        background-color: #e6e6e6;

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

            background-color: #fff;

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

                a:not(.tribe-events-read-more) {

!important should not be used
Open

                    color: $link !important;

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

                        color: #fff;

Avoid using id selectors
Open

        .sensei-course-filters,

Avoid using id selectors
Open

    #tribe-bar-collapse-toggle {

Line should be indented with spaces, not tabs
Open

    #tribe-events-content {

Avoid using id selectors
Open

    #tribe-events-content {

Line should be indented with spaces, not tabs
Open

    .recurring-info-tooltip {

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

                background-color: #e6e6e6;

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

                border: 1px solid #ddd;

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

                .tribe-related-event-info {

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

                    .tribe-related-events-title > a {

Avoid using id selectors
Open

    #user-course-status-toggle {

Selector single-tribe_events should be written in lowercase with hyphens
Open

    .single-tribe_events {

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

                .tribe-events-list-event-title {

Line should be indented with spaces, not tabs
Open

    .tribe-events-related-events-title {

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

                            color: #fff;

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

                    thead tr {

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

                        border: 1px solid #999;

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

                &,

Avoid qualifying class selectors with an element.
Open

        td.tribe-events-present {

Avoid qualifying class selectors with an element.
Open

        ul.tribe-related-events {

Selector tip_bottom should be written in lowercase with hyphens
Open

    #tiptip_holder.tip_bottom {

Avoid using id selectors
Open

    #tribe-bar-form {

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

            color: #fff;

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

                    color: #999 !important;

Line should be indented with spaces, not tabs
Open

    .tribe-events-day {

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

                background-color: #fff;

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

                .tribe-events-event-cost {

Avoid using id selectors
Open

    #tiptip_content,

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

                    background-color: #fff;

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

                    &.active,

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

                        color: #fff;

Rule declaration should be preceded by an empty line
Open

                &,

Selector tiptip_arrow_inner should be written in lowercase with hyphens
Open

        #tiptip_arrow_inner {

!important should not be used
Open

                background-color: #ddd !important;

Rule declaration should be preceded by an empty line
Open

                &,

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

            border-color: #384750;

Line should be indented with spaces, not tabs
Open

    .tribe-events-list-separator-month {

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

            background-color: #fff;

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

                background-color: #fff;

Line should be indented with spaces, not tabs
Open

    .tribe-events-single {

Line should be indented with spaces, not tabs
Open

    .tribe-events-calendar {

Avoid qualifying class selectors with an element.
Open

        td.tribe-events-othermonth.tribe-events-past,

!important should not be used
Open

                background-color: #ccc !important;

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

                &,

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

                border-bottom-color: #384750;

!important should not be used
Open

                        color: $hover !important;

Line should be indented with spaces, not tabs
Open

    #tiptip_content,

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

            background-color: #fff;

Avoid qualifying attribute selectors with an element.
Open

        div[id*="tribe-events-daynum-"] {

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

                &,

Avoid qualifying attribute selectors with an element.
Open

            div[id*="tribe-events-daynum-"] {

!important should not be used
Open

                    color: #999 !important;

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

        border-color: #384750;

Line should be indented with spaces, not tabs
Open

    .tribe-events-list {

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

                .tribe-events-list-event-title {

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

                .tribe-related-event-info {

Avoid using id selectors
Open

    #tiptip_holder.tip_bottom {

!important should not be used
Open

                background-color: transparent !important;

Line should be indented with spaces, not tabs
Open

    .content-area,

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

                a:not(.btn) {

Avoid qualifying class selectors with an element.
Open

        td.tribe-events-othermonth.tribe-events-past,

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

                color: #fff;

Avoid qualifying attribute selectors with an element.
Open

            div[id*="tribe-events-daynum-"] {

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

                &,

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

                    color: #999 !important;

Rule declaration should be preceded by an empty line
Open

                &,

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

                color: #4a4a4a;

Begin pseudo elements with double colons: ::
Open

            &:before {

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

                    &:hover,

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

                    .label {

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

                    .moretag {

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

                a:not(.btn) {

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

            background-color: #384750;

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

                        background-color: #d1021b;

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

                        &:hover,

Selector tiptip_holder should be written in lowercase with hyphens
Open

    #tiptip_holder.tip_bottom {

Line should be indented with spaces, not tabs
Open

    #tiptip_holder.tip_bottom {

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

                background-color: #384750;

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

        color: #4a4a4a;

Begin pseudo elements with double colons: ::
Open

        &:after {

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

                        &:hover {

Line should be indented with spaces, not tabs
Open

    #user-course-status-toggle {

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

            background-color: #fff;

Line should be indented with spaces, not tabs
Open

    #tribe-bar-form {

!important should not be used
Open

                    color: #999 !important;

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

                    color: #999 !important;

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

                &,

Avoid qualifying attribute selectors with an element.
Open

            div[id*="tribe-events-daynum-"] {

Line should be indented with spaces, not tabs
Open

    .single-tribe_events {

Line should be indented with spaces, not tabs
Open

    .tribe-events-event-cost {

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

                a:not(.tribe-events-read-more) {

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

                .tribe-events-event-meta,

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

                    .ticket-cost {

Selector tiptip_content should be written in lowercase with hyphens
Open

    #tiptip_content,

Avoid using id selectors
Open

        #tiptip_arrow_inner {

Line should be indented with spaces, not tabs
Open

    .tribe-events-tooltip {

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

                .tribe-events-event-meta,

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

                .tribe-events-event-cost {

There are no issues that match your filters.

Category
Status