assets/css/woocommerce/woocommerce-extensions/_woocommerce-blocks.scss
Nesting should be no greater than 3, but was 4 Open
Open
button {- Exclude checks
@media declaration should be preceded by an empty line Open
Open
@media (max-width: 480px) {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.wc-block-grid__product-image {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
span {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.woocommerce-Price-amount {- Exclude checks
Selector wp-block-button__link should be written in lowercase with hyphens Open
Open
.wp-block-button__link {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-grid__product {- Exclude checks
Selector wc-block-cart__submit-button should be written in lowercase with hyphens Open
Open
.wc-block-components-checkout-place-order-button,- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wp-block-woocommerce-product-search {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
form {- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background: white;- Exclude checks
Properties should be ordered color, content, font-family, font-size, position, right, top Open
Open
content: $fa-var-chevron-down;- Exclude checks
Color #999999 should be written as #999 Open
Open
color: #999999;- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wc-block-review-list-item__item {- Exclude checks
@mixin declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
span {- Exclude checks
Selector wc-block-grid__product-image should be written in lowercase with hyphens Open
Open
> .wc-block-grid__product-image,- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.woocommerce-Price-amount,- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.woocommerce-Price-amount {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wp-block-button,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
0px should be written without units as 0 Open
Open
margin-left: 0px;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: white;- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
[type="checkbox"]:not(:checked) + label:after,- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
[type="checkbox"]:checked + label:after {- Exclude checks
Properties should be ordered -webkit-appearance, appearance, background, border, border-radius, cursor, height, width Open
Open
height: 23px;- Exclude checks
Color literals like #d9d9d9 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border: 1px solid #d9d9d9;- Exclude checks
border: 0 is preferred over border: none Open
Open
border: none;- Exclude checks
Selector wc-block-sort-select__select should be written in lowercase with hyphens Open
Open
.wc-block-sort-select__select {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wc-block-pagination {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wc-block-review-list {- Exclude checks
Properties should be ordered display, justify-content, margin-left, margin-right Open
Open
margin-left: auto;- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wp-block-woocommerce-all-products {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 8 Open
Open
.wc-block-grid__product {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
a {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
a {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&.lsx-wc-filter-toggle-open {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
&,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector wc-block-grid__product-link should be written in lowercase with hyphens Open
Open
.wc-block-grid__product-link {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
a {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
a {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Properties should be ordered margin-right, opacity Open
Open
opacity: 0.5;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
button {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
color: white;- Exclude checks
Selector wc-block-review-list-item__info should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__info {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.wc-block-review-list-item__rating {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wp-block-column {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
> h2 {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&.lsx-wc-filter-toggle {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
a {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wp-block-column {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wc-block-grid {- Exclude checks
Properties should be ordered background-color, border, margin-left, margin-right, max-width Open
Open
max-width: 90rem;- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wc-block-grid__product-title {- Exclude checks
0.5 should be written without a leading zero as .5 Open
Open
padding: 0.5em 0;- Exclude checks
Properties should be ordered align-items, display, float, margin, order, width Open
Open
margin: 0 0 1em;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wc-block-grid__product-onsale {- Exclude checks
Color literals like #fff should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #fff;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.amount {- Exclude checks
Prefer single quoted strings Open
Open
@include media(">=desktop-wide") {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-grid__product {- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-grid__products {- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Selector wc-block-grid__product-rating__stars should be written in lowercase with hyphens Open
Open
.star-rating,- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.star-rating,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Properties should be ordered cursor, font-weight, padding-left, position Open
Open
position: relative;- Exclude checks
Color literals like #77a464 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: #77a464;- Exclude checks
0.15 should be written without a leading zero as .15 Open
Open
top: 0.15em;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
0.5 should be written without a leading zero as .5 Open
Open
opacity: 0.5;- Exclude checks
Properties should be ordered margin-bottom, margin-top Open
Open
margin-top: $lsx-medium-gap;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.woocommerce-Price-amount,- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
background: white;- Exclude checks
Expected item on line 182 to appear before line 18. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets Open
Open
@include media(">=desktop") {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-review-list-item__info {- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wc-block-load-more {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-grid__product {- Exclude checks
Avoid using id selectors Open
Open
#primary {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
[class^="wc-block"] {- Exclude checks
Prefer single quoted strings Open
Open
@include media(">=desktop") {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
svg {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&#lsx-wc-filter-child-close {- Exclude checks
Properties should be ordered background-color, margin-bottom, padding Open
Open
padding: 15px 12px;- Exclude checks
Selector wc-block-sort-select__label should be written in lowercase with hyphens Open
Open
.wc-block-sort-select__label {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
.wc-block-grid__products {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&.lsx-wc-filter-toggle {- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: white;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
button {- Exclude checks
@media declaration should be followed by an empty line Open
Open
}- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-grid__product {- Exclude checks
Selector woocommerce-Price-amount should be written in lowercase with hyphens Open
Open
.woocommerce-Price-amount {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wp-block-button__link {- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-product-search__label {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-product-search__label {- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
color: white;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Property top already defined on line 333 Open
Open
top: 4px;- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-price-filter__amount {- Exclude checks
Color literals like #999999 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #999999;- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-review-list-item__info {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.wc-block-review-list-item__author,- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
+ .wc-block-review-list-item__author {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wp-block-column {- Exclude checks
Color #ffffff should be written as #fff Open
Open
background: #ffffff;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Properties should be ordered max-height, transform, transition, transition-timing-function Open
Open
transform: translateX(-100%);- Exclude checks
0.25 should be written without a leading zero as .25 Open
Open
transition: all 0.25s;- Exclude checks
Properties should be ordered flex, margin-left, margin-right, max-width, padding Open
Open
margin-left: auto;- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wc-block-grid__product-link {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wc-block-grid__product-link {- Exclude checks
Properties should be ordered box-shadow, margin, width Open
Open
margin: 0 0 1em;- Exclude checks
Selector woocommerce-Price-amount should be written in lowercase with hyphens Open
Open
.woocommerce-Price-amount,- Exclude checks
Selector wc-block-grid__product-price__value should be written in lowercase with hyphens Open
Open
.woocommerce-Price-amount,- Exclude checks
Line should be indented with spaces, not tabs Open
Open
[class^="wc-block-featured"] {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
background-color: white;- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-grid__products {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wc-block-grid__product-image {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&:focus {- Exclude checks
Properties should be ordered color, font-family, font-size, font-weight, line-height, margin, padding Open
Open
font-family: $font-family-serif;- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background-color: white;- Exclude checks
Properties should be ordered align-items, display, justify-content, margin-bottom Open
Open
display: flex;- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
&:before {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
&:before {- Exclude checks
Color literals like #ffffff should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background: #ffffff;- Exclude checks
Avoid using id selectors Open
Open
&#lsx-wc-filter-child-close {- Exclude checks
Avoid using id selectors Open
Open
&#lsx-wc-filter-child-open {- Exclude checks
Color literals like #77a464 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #77a464;- Exclude checks
Selector woocommerce-Price-amount should be written in lowercase with hyphens Open
Open
+ .woocommerce-Price-amount {- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-grid__products {- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Properties should be ordered color, content, display, font-family, font-size, font-weight, left, line-height, position, text-rendering, top Open
Open
content: $fa-var-check-square;- Exclude checks
0.22 should be written without a leading zero as .22 Open
Open
left: 0.22em;- Exclude checks
@media declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
img {- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
background: white;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
> .wc-block-grid__product-image,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wc-block-grid__product-price {- Exclude checks
Selector wc-block-review-list-item__published-date should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__author,- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
.woocommerce-Price-amount {- Exclude checks
Merge rule #primary with rule on line 10 Open
Open
#primary {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-grid__products {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wp-block-column {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Properties should be ordered flex-basis, margin-right, max-width, width Open
Open
max-width: 280px;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&:last-child {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
background-color: white;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector wc-block-active-filters__list should be written in lowercase with hyphens Open
Open
.wc-block-active-filters__list {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
a {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
[type="checkbox"]:not(:checked) + label:before,- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
background: white;- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&#lsx-wc-filter-child-close {- Exclude checks
Selector wc-block-price-filter__controls should be written in lowercase with hyphens Open
Open
.wc-block-price-filter__controls {- Exclude checks
@media declaration should be followed by an empty line Open
Open
}- Exclude checks
0px should be written without units as 0 Open
Open
top: 0px;- Exclude checks
Properties should be ordered -webkit-appearance, appearance, background, border, border-radius, box-shadow, color, display, font-size, height, line-height, min-width, padding, text-align, text-align-last, transition, width Open
Open
box-shadow: none;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.wc-block-review-list-item__product {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
.wc-block-grid__products {- Exclude checks
Expected item on line 510 to appear before line 491. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets Open
Open
@include media(">=desktop") {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&:first-child {- Exclude checks
@include declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&::before {- Exclude checks
Selector wp-block-button__link should be written in lowercase with hyphens Open
Open
.wp-block-button__link {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
button {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wc-block-grid__product {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
+ .wc-block-grid__product-price {- Exclude checks
Properties should be ordered align-items, background-color, border, border-radius, color, display, font-size, font-weight, left, min-height, min-width, position, right, text-align, top, z-index Open
Open
min-height: 55px;- Exclude checks
border: 0 is preferred over border: none Open
Open
border: none;- Exclude checks
Color literals like #77a464 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #77a464;- Exclude checks
Properties should be ordered color, display, font-size, font-weight, margin-bottom Open
Open
font-weight: 400;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Prefer single quoted strings Open
Open
@include media(">=desktop") {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-grid__product {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector components-custom-select-control__button should be written in lowercase with hyphens Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Properties should be ordered border, color, font-size, min-height, width Open
Open
width: 100%;- Exclude checks
Prefer single quoted strings Open
Open
font-family: "FontAwesome";- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wp-block-woocommerce-price-filter {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
&:after {- Exclude checks
Selector wc-block-review-list-item__author should be written in lowercase with hyphens Open
Open
+ .wc-block-review-list-item__author {- Exclude checks
Selector wc-block-review-list-item__text should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__text {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.wc-block-grid {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-grid__product {- Exclude checks
Properties should be ordered align-items, display, flex-direction, margin-bottom, text-align Open
Open
text-align: left;- Exclude checks
Selector wc-block-grid__product-image should be written in lowercase with hyphens Open
Open
.wc-block-grid__product-image {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
img {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
button {- Exclude checks
Avoid using id selectors Open
Open
#primary {- Exclude checks
Properties should be ordered margin-left, margin-right, max-width, width Open
Open
max-width: 90rem;- Exclude checks
Selector wc-block-grid__product-title should be written in lowercase with hyphens Open
Open
> .wc-block-grid__product-image,- Exclude checks
Selector wc-block-grid__product-onsale should be written in lowercase with hyphens Open
Open
.wc-block-grid__product-onsale {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wc-block-sort-select {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&.wc-block-pagination-page--active,- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.amount {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 7 Open
Open
.woocommerce-Price-amount,- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
+ .woocommerce-Price-amount {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wp-block-button {- Exclude checks
Selector components-custom-select-control__button should be written in lowercase with hyphens Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Selector wc-block-grid__no-products should be written in lowercase with hyphens Open
Open
.wc-block-grid__no-products {- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
button[type="submit"] {- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Prefer single quoted strings Open
Open
font-family: "FontAwesome";- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
+ .wc-block-grid__product-price {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wp-block-woocommerce-active-filters:not(:empty) {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
ins {- Exclude checks
Properties should be ordered background-color, margin-bottom, padding Open
Open
padding: 15px 12px;- Exclude checks
Use // comments everywhere Open
Open
/* checkbox aspect */- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
0.5 should be written without a leading zero as .5 Open
Open
margin-bottom: 0.5em;- Exclude checks
Properties should be ordered color, content, display, font-family, font-size, font-weight, left, line-height, position, text-rendering, top Open
Open
content: $fa-var-square-o;- Exclude checks
Use // comments everywhere Open
Open
/* checked mark aspect changes */- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="range"]::-webkit-slider-thumb {- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
input[type="search"] {- Exclude checks
@media declaration should be preceded by an empty line Open
Open
@media (max-width: 600px) {- Exclude checks
Selector wc-block-review-list-item__item should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__item {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wc-block-review-list-item__meta {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
&:before {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-review-list-item__text {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
div[class^="wp-block-woocommerce-"][class$="-filter"] {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wc-block-review-list-item__text {- Exclude checks
Properties should be ordered left, position Open
Open
position: absolute;- Exclude checks
Selector wc-block-price-filter__range-input-progress should be written in lowercase with hyphens Open
Open
.wc-block-price-filter__range-input-progress {- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&#lsx-wc-filter-child-open {- Exclude checks
Selector wc-block-price-filter__amount should be written in lowercase with hyphens Open
Open
.wc-block-price-filter__amount {- Exclude checks
Properties should be ordered height, margin-bottom, max-height, opacity, overflow, padding, transform, transition, transition-timing-function Open
Open
opacity: 1;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
.wc-block-price-filter__amount {- Exclude checks
Avoid using id selectors Open
Open
&#lsx-wc-filter-child-open {- Exclude checks
Properties should be ordered border-color, border-radius, border-style, border-width, color, cursor, display, height, margin-left, text-align, vertical-align, width Open
Open
color: nth($blue, 1);- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&.wc-block-pagination-page--active,- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&#lsx-wc-filter-child-open {- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&:first-child {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.wc-block-grid {- Exclude checks
Properties should be ordered font-size, transition Open
Open
transition: none;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
> h2 {- Exclude checks
Properties should be ordered margin-left, margin-right, max-width Open
Open
max-width: 90rem;- Exclude checks
Selector wc-block-grid__product-price should be written in lowercase with hyphens Open
Open
+ .wc-block-grid__product-price {- Exclude checks
Properties should be ordered align-items, color, display, margin-bottom, margin-left Open
Open
display: flex;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
del {- Exclude checks
0.4 should be written without a leading zero as .4 Open
Open
opacity: 0.4;- Exclude checks
Selector woocommerce-Price-amount should be written in lowercase with hyphens Open
Open
.woocommerce-Price-amount,- Exclude checks
Selector wp-block-button__link should be written in lowercase with hyphens Open
Open
.wp-block-button__link,- Exclude checks
Selector components-custom-select-control__button should be written in lowercase with hyphens Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&:hover {- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
div[class^="wp-block-woocommerce-"][class$="-filter"] {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wc-block-pagination-page {- Exclude checks
Selector wc-block-review-list-item__meta should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__meta {- Exclude checks
Selector wc-block-review-list-item__product should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__product {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
* {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 8 Open
Open
.wc-block-grid__product {- Exclude checks
Properties should be ordered margin-bottom, max-height, opacity, overflow, padding Open
Open
overflow: hidden;- Exclude checks
Properties should be ordered margin-bottom, margin-top, padding Open
Open
padding: 0;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Color literals like #e4e4e4 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
border: 1px solid #e4e4e4;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wc-block-grid__product-rating {- Exclude checks
Selector wc-block-grid__product-title should be written in lowercase with hyphens Open
Open
.wc-block-grid__product-title {- Exclude checks
Selector wc-block-grid__product-price should be written in lowercase with hyphens Open
Open
.wc-block-grid__product-price {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Color literals like #77a464 should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: #77a464;- Exclude checks
Selector wc-block-grid__product-rating should be written in lowercase with hyphens Open
Open
.wc-block-grid__product-rating {- Exclude checks
Selector wp-block-button__link should be written in lowercase with hyphens Open
Open
.wp-block-button,- Exclude checks
Selector should have depth of applicability no greater than 3, but was 6 Open
Open
.star-rating,- Exclude checks
Selector woocommerce-Price-amount should be written in lowercase with hyphens Open
Open
.woocommerce-Price-amount {- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.wp-block-woocommerce-checkout,- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
+ .woocommerce-Price-amount {- Exclude checks
Selector components-custom-select-control__button should be written in lowercase with hyphens Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Each selector in a comma sequence should be on its own single line Open
Open
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-block-components-select .components-custom-select-control__button, .wc-block-components-select .components-custom-select-control__button:active, .wc-block-components-select .components-custom-select-control__button:focus, .wc-block-components-select .components-custom-select-control__button:hover {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:focus {- Exclude checks
Selector wc-block-product-search__label should be written in lowercase with hyphens Open
Open
.wc-block-product-search__label {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:hover {- Exclude checks
Properties should be ordered background-color, border-radius, box-shadow, color, height, margin-left, padding Open
Open
box-shadow: 1px 1px 0 0 nth($blue, 3);- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
&:before {- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
.wc-block-active-filters__list {- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: white;- Exclude checks
Property left already defined on line 334 Open
Open
left: 0;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
svg {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
[type="checkbox"]:not(:checked) + label:after {- Exclude checks
Color white should be written in hexadecimal form as #ffffff Open
Open
background-color: white;- Exclude checks
Color literals like white should only be used in variable declarations; they should be referred to via variable everywhere else. Open
Open
color: white;- Exclude checks
Use // comments everywhere Open
Open
/* Base for label styling */- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
[type="checkbox"]:not(:checked) + label:before,- Exclude checks
Selector wc-block-review-list-item__author should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__author,- Exclude checks
Prefer single quoted strings Open
Open
font-family: "FontAwesome";- Exclude checks
Use // comments everywhere Open
Open
/* checked mark aspect */- Exclude checks
Line should be indented with spaces, not tabs Open
Open
.lsx-wc-filter-block {- Exclude checks
Begin pseudo elements with double colons: :: Open
Open
[type="checkbox"]:not(:checked) + label:after,- Exclude checks
Properties should be ordered background, border-radius, font-size, margin-bottom, padding Open
Open
padding: 15px 12px;- Exclude checks
Rule declaration should be preceded by an empty line Open
Open
&:after {- Exclude checks
Properties should be ordered flex-basis, max-width, width Open
Open
max-width: 848px;- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Selector wc-block-grid__product should be written in lowercase with hyphens Open
Open
.wc-block-grid__product {- Exclude checks
Selector should have depth of applicability no greater than 3, but was 5 Open
Open
.wp-block-woocommerce-all-products {- Exclude checks
Properties should be ordered content, font-size, transition Open
Open
font-size: 15px;- Exclude checks
Nesting should be no greater than 3, but was 4 Open
Open
.wp-block-column {- Exclude checks
!important should not be used Open
Open
flex-basis: auto !important;- Exclude checks
Selector should have depth of applicability no greater than 3, but was 4 Open
Open
&::before {- Exclude checks
0.25 should be written without a leading zero as .25 Open
Open
transition: all 0.25s;- Exclude checks
Selector wc-block-review-list-item__rating should be written in lowercase with hyphens Open
Open
.wc-block-review-list-item__rating {- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
!important should not be used Open
Open
flex-basis: auto !important;- Exclude checks
Selector wc-block-grid__products should be written in lowercase with hyphens Open
Open
.wc-block-grid__products {- Exclude checks
Prefer single quoted strings Open
Open
content: "Close Filters";- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks
Avoid qualifying attribute selectors with an element. Open
Open
div[class^="wp-block-woocommerce-"][class$="-filter"],- Exclude checks
Rule declaration should be followed by an empty line Open
Open
}- Exclude checks