lightspeeddevelopment/lsx

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

Summary

Maintainability
Test Coverage

Begin pseudo elements with double colons: ::
Open

                &,

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

            & > .prev,

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

                &:hover:before {

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

                .post-meta-avatar {

Unnecessary parent selector (&)
Open

                    & > time {

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;

Line should be indented with spaces, not tabs
Open

    .lsx-breaker,

Line should be indented with spaces, not tabs
Open

    .lsx-title {

Avoid using id selectors
Open

        .content-area &,

Unnecessary parent selector (&)
Open

            & > span.dots {

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

                &:hover,

Line should be indented with spaces, not tabs
Open

    .single-post {

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 literals like white should only be used in variable declarations; they should be referred to via variable everywhere else.
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

                    background-color: #fff;

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,

Avoid qualifying class selectors with an element.
Open

        table.cart {

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

                tfoot {

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;

Line should be indented with spaces, not tabs
Open

    #wl-wrapper {

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,

@include declaration should be preceded by an empty line
Open

        @include media("<tablet") {

Avoid qualifying class selectors with an element.
Open

        div.product {

Unnecessary parent selector (&)
Open

                        & > a {

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

                        label {

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

                li:not(.woocommerce-notice) {

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

            border-color: #fff;

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

                table {

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

                a:not(.btn) {

Avoid using id selectors
Open

    #user-course-status-toggle {

Line should be indented with spaces, not tabs
Open

    #user-course-status-toggle {

Selector should have depth of applicability 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;

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;

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

                    .search-submit {

Begin pseudo elements with double colons: ::
Open

            &:before {

Rule declaration should be preceded by an empty line
Open

                &:before {

Unnecessary parent selector (&)
Open

            & > .page-numbers,

Line should be indented with spaces, not tabs
Open

    .blog,

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

                .post-meta-avatar {

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

                &.bypostauthor > .media-object {

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

                    border-color: $hover;

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

                & > button {

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

            border-color: white;

Unnecessary parent selector (&)
Open

            & > li {

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

                    td {

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

    .button-social-login,

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

        color: #fff !important;

Begin pseudo elements with double colons: ::
Open

            span:before {

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

            .label {

Unnecessary parent selector (&)
Open

                    & > li {

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

                        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;

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

                & > button {

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

                border-bottom: 0.202em solid $breaker;

Avoid using id selectors
Open

        .sensei-course-filters,

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

                    &.active,

Avoid using id selectors
Open

    #tribe-bar-collapse-toggle {

Line should be indented with spaces, not tabs
Open

    .tribe-events-calendar {

Rule declaration should be preceded by an empty line
Open

                &,

Avoid qualifying class selectors with an element.
Open

        td.tribe-events-present {

Line should be indented with spaces, not tabs
Open

    .tribe-events-list {

Avoid using id selectors
Open

        .content-area &,

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 {

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

                .post-meta-categories,

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

                .post-meta {

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 5
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;

Selector shop_table should be written in lowercase with hyphens
Open

            table.shop_table {

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

                tbody {

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 {

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;

Line should be indented with spaces, not tabs
Open

    .woocommerce-MyAccount-navigation {

Line should be indented with spaces, not tabs
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;

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

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

    .lsx-woocommerce-slider {

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

                    background-color: #fff;

Properties should be ordered border, color
Open

                color: $color;

Line should be indented with spaces, not tabs
Open

    .lsx-full-width {

Avoid qualifying attribute selectors with an element.
Open

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

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

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

Prefer single quoted strings
Open

                    content: "\f00c";

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

                    a {

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

                    color: #999 !important;

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,

Avoid using id selectors
Open

    #tribe-events-content {

Properties should be ordered display, margin-bottom
Open

                margin-bottom: 1.5rem;

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

                &:not(.media-reply) {

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

                .label-sticky {

Line should be indented with spaces, not tabs
Open

    #home-widgets {

Avoid qualifying class selectors with an element.
Open

        article.post {

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

                    & > time {

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

                & > button {

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

                .post-meta {

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

                .post-meta {

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 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;

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

                .media-body {

Avoid using id selectors
Open

    #respond {

Line should be indented with spaces, not tabs
Open

    .caldera-form-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;

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

                & > a {

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

                tbody {

Avoid qualifying class selectors with an element.
Open

        table.shop_table {

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

                img {

Avoid qualifying class selectors with an element.
Open

    .button-social-login,

Rule declaration should be followed by an empty line
Open

                    }

Line should be indented with spaces, not tabs
Open

    #comments {

Selector woochimp_checkout_groups should be written in lowercase with hyphens
Open

        #woochimp_checkout_groups {

Avoid qualifying class selectors with an element.
Open

        a.button.wl-add-but {

Avoid using id selectors
Open

        #woochimp_checkout_groups {

Unnecessary parent selector (&)
Open

            & > li {

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

                    & > li {

Begin pseudo elements with double colons: ::
Open

            &:before {

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

                    background: #fff;

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

            border-color: #fff;

Unnecessary parent selector (&)
Open

            & > li {

Line should be indented with spaces, not tabs
Open

    .woocommerce {

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

                thead {

Avoid qualifying class selectors with an element.
Open

    div.pp_woocommerce {

Line should be indented with spaces, not tabs
Open

    .woocommerce {

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

                    table {

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;

Avoid using id selectors
Open

    #wl-wrapper {

Line should be indented with spaces, not tabs
Open

    #wc-bookings-booking-form {

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 tiptip_holder should be written in lowercase with hyphens
Open

    #tiptip_holder.tip_bottom {

!important should not be used
Open

                color: $hover !important;

Avoid using id selectors
Open

        #tiptip_arrow_inner {

Avoid using id selectors
Open

    #add_payment_method,

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

            background-color: #fff;

Prefer single quoted strings
Open

        @include media("<tablet") {

Line should be indented with spaces, not tabs
Open

    #tribe-bar-collapse-toggle {

Avoid using id selectors
Open

        #payment {

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

                &,

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

                &.is-active {

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

                background-color: #384750;

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

                .nav-tabs {

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

                .variations {

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

                        td {

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-slot,

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

                    thead tr {

Line should be indented with spaces, not tabs
Open

    div.pp_woocommerce {

Line should be indented with spaces, not tabs
Open

    #tribe-bar-form {

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

    .single-tribe_events {

Avoid using id selectors
Open

        #reviews {

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

                .product-rating-details {

Avoid using id selectors
Open

    #wc-bookings-booking-form {

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;

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

                        background-color: #f6f6f6;

!important should not be used
Open

                background-color: #ddd !important;

!important should not be used
Open

                    color: #999 !important;

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

                &,

Line should be indented with spaces, not tabs
Open

    .single-tribe_events {

Line should be indented with spaces, not tabs
Open

    body {

border: 0 is preferred over border: none
Open

                border: none;

Begin pseudo elements with double colons: ::
Open

            &:after {

Rule declaration should be preceded by an empty line
Open

        .wrap.container {

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-avatar {

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);

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,

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

                tbody {

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 #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) {

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

    .button-social-login,

@include declaration should be followed by an empty line
Open

        }

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

                &:last-child {

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

                        color: #fff !important;

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

                & > button {

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

                &.slick-active > button {

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 pp_content_container should be written in lowercase with hyphens
Open

        .pp_content_container {

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

                .product-rating-details {

Avoid using id selectors
Open

    #tiptip_content,

Avoid using id selectors
Open

    #tiptip_holder.tip_bottom {

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

                &,

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

                &,

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

                background-color: #e6e6e6;

Rule declaration should be followed by an empty line
Open

        }

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

            padding-left: 0;

Selector should have depth of applicability 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

                & > a {

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

                & > a {

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

                a {

Avoid using id selectors
Open

    #comments {

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 #ccc should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

                border-color: #ccc;

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

    .caldera-grid {

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 should have depth of applicability no greater than 3, but was 4
Open

                img {

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 woocommerce-MyAccount-navigation should be written in lowercase with hyphens
Open

    .woocommerce-MyAccount-navigation {

!important should not be used
Open

                        color: #fff !important;

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

                .nav-tabs {

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

                    &:hover {

!important should not be used
Open

                    background-color: $link !important;

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

                li:not(.woocommerce-notice) {

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-review-slot {

Line should be indented with spaces, not tabs
Open

    .woocommerce-page {

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 #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

                &,

!important should not be used
Open

                    color: #999 !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;

Unnecessary parent selector (&)
Open

            & cite {

Begin pseudo elements with double colons: ::
Open

                &,

Avoid qualifying class selectors with an element.
Open

        article.post,

Rule declaration should be followed by an empty line
Open

            }

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

                .post-meta {

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

                    color: white;

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

                .media-body {

Line should be indented with spaces, not tabs
Open

    .gallery {

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 {

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 {

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

                thead {

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

                a {

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

                            color: #fff;

Begin pseudo elements with double colons: ::
Open

                            &:after {

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

                            &:after {

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

                &.active > a {

Begin pseudo elements with double colons: ::
Open

                    &:after {

Selector payment_box should be written in lowercase with hyphens
Open

            div.payment_box {

Line should be indented with spaces, not tabs
Open

    #tiptip_holder.tip_bottom {

Selector tiptip_arrow_inner should be written in lowercase with hyphens
Open

        #tiptip_arrow_inner {

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

                a:not(.btn) {

!important should not be used
Open

                background-color: transparent !important;

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

                    .tribe-related-events-title > a {

Begin pseudo elements with double colons: ::
Open

        &:after {

Avoid using id selectors
Open

    #masthead {

Line should be indented with spaces, not tabs
Open

    .content-area {

Unnecessary parent selector (&)
Open

                & > a {

Unnecessary parent selector (&)
Open

                        & > a {

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

                        & > a {

Unnecessary parent selector (&)
Open

                & > button {

Unnecessary parent selector (&)
Open

                & > a {

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

                &.active > a {

Selector shop_table should be written in lowercase with hyphens
Open

            table.shop_table {

Avoid qualifying class selectors with an element.
Open

            table.shop_table {

Line should be indented with spaces, not tabs
Open

    .breadcrumbs-container {

!important should not be used
Open

            color: $color !important;

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

                    &#primary {

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

                &:before {

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

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

Avoid qualifying class selectors with an element.
Open

    .button-social-login,

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

                &.bypostauthor > .media-object {

!important should not be used
Open

        color: #fff !important;

Begin pseudo elements with double colons: ::
Open

                    &:after {

Avoid qualifying class selectors with an element.
Open

                    td.label {

Line should be indented with spaces, not tabs
Open

    #add_payment_method,

Line should be indented with spaces, not tabs
Open

    .wl-tab-wrap {

Rule declaration should be followed by an empty line
Open

                }

Line should be indented with spaces, not tabs
Open

    .woocommerce {

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

                > a {

!important should not be used
Open

                    color: #fff !important;

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

                &.active > a {

Avoid using id selectors
Open

        #coupons_list {

Selector add_payment_method should be written in lowercase with hyphens
Open

    #add_payment_method,

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 #384750 should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

            background-color: #384750;

!important should not be used
Open

                    color: #999 !important;

Avoid qualifying class selectors with an element.
Open

        td.tribe-events-thismonth {

Rule declaration should be preceded by an empty line
Open

                &,

!important should not be used
Open

                background-color: #ddd !important;

!important should not be used
Open

                    color: $link !important;

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

    #masthead {

Avoid using id selectors
Open

        #searchform {

Avoid using id selectors
Open

                    &#primary {

Avoid using id selectors
Open

    #home-widgets {

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

                &.current,

Unnecessary parent selector (&)
Open

                    & > a {

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 {

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

                .label-sticky {

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

                .media-object {

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

                .media-object {

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 > a {

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

                tr {

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

                &.slick-active > button {

Selector shop_table should be written in lowercase with hyphens
Open

        table.shop_table {

Line should be indented with spaces, not tabs
Open

    .lsx-woocommerce-slot {

Unnecessary parent selector (&)
Open

                & > button {

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

                &.slick-active > button {

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

                color: white;

Line should be indented with spaces, not tabs
Open

    .woocommerce,

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

                    &:after {

Selector coupons_list should be written in lowercase with hyphens
Open

        #coupons_list {

Avoid qualifying class selectors with an element.
Open

            table.shop_table {

Avoid qualifying attribute selectors with an element.
Open

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

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

                tr {

Avoid qualifying class selectors with an element.
Open

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

Rule declaration should be followed by an empty line
Open

                }

Avoid qualifying class selectors with an element.
Open

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

Avoid qualifying class selectors with an element.
Open

            ul.payment_methods {

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;

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

                    th {

Line should be indented with spaces, not tabs
Open

    .content-area,

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;

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

        color: #4a4a4a;

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

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

Selector should have depth of applicability 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 {

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

                    .search-submit {

Line should be indented with spaces, not tabs
Open

    .content-area,

Rule declaration should be preceded by an empty line
Open

            li {

Begin pseudo elements with double colons: ::
Open

                &:before {

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

                &,

Rule declaration should be followed by an empty line
Open

                }

Begin pseudo elements with double colons: ::
Open

                &:hover:before {

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

                > div:first-child {

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

                    & > a {

Line should be indented with spaces, not tabs
Open

    #respond {

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

                tr {

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

                tr:last-child {

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

                tr:last-child {

Selector cart_totals should be written in lowercase with hyphens
Open

        .cart_totals {

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

                    td {

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 {

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 {

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

                    color: #fff !important;

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

                    &:after {

Avoid qualifying class selectors with an element.
Open

            div.payment_box {

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 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 tip_bottom should be written in lowercase with hyphens
Open

    #tiptip_holder.tip_bottom {

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 #ddd should only be used in variable declarations; they should be referred to via variable everywhere else.
Open

                background-color: #ddd !important;

Line should be indented with spaces, not tabs
Open

    .tribe-events-list-separator-month {

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

                .tribe-related-event-info {

Line should be indented with spaces, not tabs
Open

    .lsx-full-width-alt {

Avoid qualifying class selectors with an element.
Open

            & > span.dots {

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

                    a {

Line should be indented with spaces, not tabs
Open

    .modal {

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 {

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

                tr {

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

                    th {

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

                tr {

Begin pseudo elements with double colons: ::
Open

                &:before {

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 {

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

                .variations {

!important should not be used
Open

                        background-color: #fff !important;

Line should be indented with spaces, not tabs
Open

    #add_payment_method,

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

                    &:hover {

Avoid qualifying class selectors with an element.
Open

            a:not(.btn).moretag {

Selector pp_woocommerce should be written in lowercase with hyphens
Open

    div.pp_woocommerce {

Line should be indented with spaces, not tabs
Open

    #tiptip_content,

Selector tiptip_content should be written in lowercase with hyphens
Open

    #tiptip_content,

Avoid qualifying attribute selectors with an element.
Open

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

!important should not be used
Open

                background-color: #ccc !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-day {

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;

Line should be indented with spaces, not tabs
Open

    .tribe-events-event-cost {

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

                    &:hover,

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

                        background-color: #d1021b;

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

                .tribe-events-event-meta,

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

                color: #ccc;

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 {

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

                    background-color: #e6e6e6;

Rule declaration should be followed by an empty line
Open

                }

Rule declaration should be followed by an empty line
Open

                    }

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

                    th,

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

                tfoot {

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

                .panel {

Avoid qualifying class selectors with an element.
Open

            form.cart {

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

                    td.label {

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

                > a {

!important should not be used
Open

                    background-color: #fff !important;

Selector payment_methods should be written in lowercase with hyphens
Open

            ul.payment_methods {

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

                &:hover {

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

                                .bar {

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

            background-color: #fff;

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;

Avoid qualifying attribute selectors with an element.
Open

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

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-bottom-color: #384750;

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

        border-color: #384750;

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-events-event-cost {

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

                .tribe-events-event-cost {

Begin pseudo elements with double colons: ::
Open

        &:after {

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

                    .moretag {

Line should be indented with spaces, not tabs
Open

    #tribe-events-content {

Line should be indented with spaces, not tabs
Open

    .tribe-events-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;

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

                .tribe-related-event-info {

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

    .tribe-events-related-events-title {

Line should be indented with spaces, not tabs
Open

    .tribe-events-single {

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

                background-color: #fff;

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

                color: #4a4a4a;

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: $hover !important;

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

                        &:hover {

Begin pseudo elements with double colons: ::
Open

            &:before {

Line should be indented with spaces, not tabs
Open

    .recurring-info-tooltip {

Avoid qualifying class selectors with an element.
Open

        ul.tribe-related-events {

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

                        color: #fff;

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

                    .label {

There are no issues that match your filters.

Category
Status