Stylelint: Update config to double quotes (#45607)

* Add eslint override

* bump versions stylelint config

* re pnpm install

* fix config

* move to double quotes in scss

* Add changefile(s) from automation for the following project(s): woocommerce-blocks, woocommerce

* lint fix new scss files

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Paul Sealock 2024-03-27 02:41:34 +13:00 committed by GitHub
parent 84065065be
commit 619804cff3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
85 changed files with 332 additions and 292 deletions

View File

@ -11,9 +11,9 @@
display: grid; display: grid;
grid-template-columns: 50px 1fr; grid-template-columns: 50px 1fr;
grid-template-areas: grid-template-areas:
'icon header' "icon header"
'icon body' "icon body"
'icon actions'; "icon actions";
} }
&__button { &__button {
@ -85,12 +85,12 @@
} }
} }
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
grid-area: header; grid-area: header;
display: grid; display: grid;
grid-template: grid-template:
'title date' "title date"
'subtitle date' / "subtitle date" /
1fr auto; 1fr auto;
.woocommerce-activity-card__title { .woocommerce-activity-card__title {
@ -169,7 +169,7 @@
width: 100%; width: 100%;
margin-bottom: $gap; margin-bottom: $gap;
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
text-align: right; text-align: right;
margin-bottom: 0; margin-bottom: 0;
} }
@ -212,9 +212,9 @@
.woocommerce-activity-panel .woocommerce-activity-card.woocommerce-order-activity-card { .woocommerce-activity-panel .woocommerce-activity-card.woocommerce-order-activity-card {
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-areas: grid-template-areas:
'header' "header"
'body' "body"
'actions'; "actions";
.woocommerce-activity-card__icon { .woocommerce-activity-card__icon {
display: none; display: none;
@ -226,7 +226,7 @@
.woocommerce-activity-card__subtitle { .woocommerce-activity-card__subtitle {
span + span::before { span + span::before {
content: ' \2022\ '; content: " \2022\ ";
} }
} }
} }
@ -243,7 +243,7 @@
transition: opacity 0.3s, height 0s, padding 0s; transition: opacity 0.3s, height 0s, padding 0s;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
grid-template-columns: 64px 1fr; grid-template-columns: 64px 1fr;
} }
@ -269,7 +269,7 @@
&.is-placeholder::before { &.is-placeholder::before {
background-color: $gray-700; background-color: $gray-700;
border-radius: 2px; border-radius: 2px;
content: ''; content: "";
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
@ -308,7 +308,7 @@
border-radius: 2px; border-radius: 2px;
height: 30px; height: 30px;
&[type='number'] { &[type="number"] {
-moz-appearance: textfield; -moz-appearance: textfield;
&::-webkit-outer-spin-button, &::-webkit-outer-spin-button,

View File

@ -6,7 +6,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
padding: 16px 24px 16px 24px; padding: 16px 24px 16px 24px;
} }
@ -18,8 +18,8 @@
padding: 0; padding: 0;
} }
.woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled='true']):focus, .woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled="true"]):focus,
.woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled='true']):hover { .woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled="true"]):hover {
box-shadow: none; box-shadow: none;
border-radius: 10px; border-radius: 10px;
background: $gray-400; background: $gray-400;

View File

@ -21,7 +21,7 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
background-color: rgba($black, 0.35); background-color: rgba($black, 0.35);
z-index: z-index('.components-modal__screen-overlay'); z-index: z-index(".components-modal__screen-overlay");
@include edit-post__fade-in-animation(); @include edit-post__fade-in-animation();
} }

View File

@ -78,7 +78,7 @@
&::before { &::before {
background-color: var(--wp-admin-theme-color); background-color: var(--wp-admin-theme-color);
bottom: 0; bottom: 0;
content: ''; content: "";
height: 0; height: 0;
opacity: 0; opacity: 0;
transition-property: height, opacity; transition-property: height, opacity;
@ -102,7 +102,7 @@
&.has-unread::after, &.has-unread::after,
&.woocommerce-layout__activity-panel-tab-wordpress-notices::after { &.woocommerce-layout__activity-panel-tab-wordpress-notices::after {
content: ' '; content: " ";
position: absolute; position: absolute;
padding: 1px; padding: 1px;
background: $alert-red; background: $alert-red;
@ -114,13 +114,13 @@
top: 8px; top: 8px;
left: 50%; left: 50%;
@include breakpoint( '782px-960px' ) { @include breakpoint( "782px-960px" ) {
right: 18px; right: 18px;
left: initial; left: initial;
margin-left: 0; margin-left: 0;
} }
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
right: 28px; right: 28px;
left: initial; left: initial;
margin-left: 0; margin-left: 0;
@ -128,7 +128,7 @@
} }
&:hover, &:hover,
&.components-button:not(:disabled):not([aria-disabled='true']):hover { &.components-button:not(:disabled):not([aria-disabled="true"]):hover {
background-color: $gray-100; background-color: $gray-100;
box-shadow: none; box-shadow: none;
@ -139,12 +139,12 @@
} }
&:focus, &:focus,
&.components-button:not(:disabled):not([aria-disabled='true']):focus { &.components-button:not(:disabled):not([aria-disabled="true"]):focus {
box-shadow: inset -1px -1px 0 $gray-700, inset 1px 1px 0 $gray-700; box-shadow: inset -1px -1px 0 $gray-700, inset 1px 1px 0 $gray-700;
} }
// Hide display options if we're in single column. // Hide display options if we're in single column.
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
&.display-options { &.display-options {
display: none; display: none;
} }
@ -162,7 +162,7 @@
} }
.woocommerce-layout__activity-panel-toggle-bubble.has-unread::after { .woocommerce-layout__activity-panel-toggle-bubble.has-unread::after {
content: ' '; content: " ";
position: absolute; position: absolute;
padding: 1px; padding: 1px;
background: $core-orange; background: $core-orange;
@ -198,7 +198,7 @@
height: calc(100vh - #{$header-height + $adminbar-height-mobile}); height: calc(100vh - #{$header-height + $adminbar-height-mobile});
background: $gray-100; background: $gray-100;
width: 430px; width: 430px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
} }
transform: translateX(100%); transform: translateX(100%);
@ -210,7 +210,7 @@
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
height: calc(100vh - #{$header-height + $adminbar-height}); height: calc(100vh - #{$header-height + $adminbar-height});
} }
.has-woocommerce-navigation & { .has-woocommerce-navigation & {

View File

@ -2,14 +2,14 @@
position: relative; position: relative;
top: -#{$adminbar-height + $gap}; top: -#{$adminbar-height + $gap};
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
top: -#{$adminbar-height-mobile + $gap}; top: -#{$adminbar-height-mobile + $gap};
} }
.woocommerce-feature-enabled-activity-panels & { .woocommerce-feature-enabled-activity-panels & {
top: -#{$adminbar-height + $header-height + $gap}; top: -#{$adminbar-height + $header-height + $gap};
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
top: -#{$adminbar-height-mobile + $header-height + $gap}; top: -#{$adminbar-height-mobile + $header-height + $gap};
} }
} }
@ -47,7 +47,7 @@ button.woocommerce-table__download-button {
width: 24px; width: 24px;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
svg { svg {
margin-right: 0; margin-right: 0;
} }

View File

@ -10,7 +10,7 @@
@include set-grid-item-position( 2, 2 ); @include set-grid-item-position( 2, 2 );
} }
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
grid-template-columns: 100%; grid-template-columns: 100%;
.woocommerce-settings-historical-data__column { .woocommerce-settings-historical-data__column {

View File

@ -1,7 +1,7 @@
.woocommerce-settings__wrapper { .woocommerce-settings__wrapper {
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
padding: 0 ($gap - 3); padding: 0 ($gap - 3);
} }
} }
@ -9,7 +9,7 @@
.woocommerce-settings__actions { .woocommerce-settings__actions {
margin-bottom: $gap-largest; margin-bottom: $gap-largest;
@include breakpoint( '>1280px' ) { @include breakpoint( ">1280px" ) {
margin-left: 15%; margin-left: 15%;
} }

View File

@ -1,7 +1,7 @@
.woocommerce-setting { .woocommerce-setting {
display: flex; display: flex;
margin-bottom: $gap-large; margin-bottom: $gap-large;
@include breakpoint( '<1280px' ) { @include breakpoint( "<1280px" ) {
flex-direction: column; flex-direction: column;
} }
} }
@ -11,7 +11,7 @@
margin-bottom: $gap; margin-bottom: $gap;
padding-right: $gap; padding-right: $gap;
font-weight: bold; font-weight: bold;
@include breakpoint( '>1280px' ) { @include breakpoint( ">1280px" ) {
width: 15%; width: 15%;
} }
} }
@ -19,7 +19,7 @@
.woocommerce-setting__input { .woocommerce-setting__input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@include breakpoint( '>1280px' ) { @include breakpoint( ">1280px" ) {
width: 35%; width: 35%;
.woocommerce-filters-filter { .woocommerce-filters-filter {

View File

@ -39,7 +39,7 @@
} }
input + label::before { input + label::before {
content: ''; content: "";
width: 20px; width: 20px;
height: 20px; height: 20px;
border: 1px solid $gray-600; border: 1px solid $gray-600;
@ -56,7 +56,7 @@
background-color: var(--wp-admin-theme-color); background-color: var(--wp-admin-theme-color);
align-self: center; align-self: center;
border-radius: 50%; border-radius: 50%;
content: ''; content: "";
position: absolute; position: absolute;
width: 14px; width: 14px;
height: 14px; height: 14px;

View File

@ -18,7 +18,7 @@
padding-top: 0; padding-top: 0;
font-weight: 500; font-weight: 500;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
font-size: 28px; font-size: 28px;
line-height: 36px; line-height: 36px;
} }
@ -32,7 +32,7 @@
text-align: center; text-align: center;
color: $gray-700; color: $gray-700;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
color: $gray-700; color: $gray-700;
} }
} }

View File

@ -1,4 +1,4 @@
@import '../../shared.scss'; @import "../../shared.scss";
.woocommerce-experimental-select-control { .woocommerce-experimental-select-control {
&:hover, &:hover,
@ -79,7 +79,7 @@
} }
.components-checkbox-control.is-selected { .components-checkbox-control.is-selected {
input[type='checkbox'] { input[type="checkbox"] {
border: none !important; border: none !important;
} }
} }
@ -97,7 +97,7 @@
padding: 1px; padding: 1px;
width: 20px !important; width: 20px !important;
.components-checkbox-control__input[type='checkbox'] { .components-checkbox-control__input[type="checkbox"] {
border: 1px solid #757575; border: 1px solid #757575;
height: 20px !important; height: 20px !important;
width: 20px !important; width: 20px !important;
@ -113,7 +113,7 @@
width: 22px; width: 22px;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
svg { svg {
width: 18px; width: 18px;
} }

View File

@ -42,7 +42,7 @@
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.woocommerce-profiler-navigation { .woocommerce-profiler-navigation {
.woocommerce-profiler-navigation-col-left { .woocommerce-profiler-navigation-col-left {
.woologo svg { .woologo svg {

View File

@ -1,4 +1,4 @@
@import '../../shared.scss'; @import "../../shared.scss";
.woocommerce-profiler-plugins-plugin-card { .woocommerce-profiler-plugins-plugin-card {
max-width: 492px; max-width: 492px;
@ -11,7 +11,7 @@
align-items: flex-start; align-items: flex-start;
flex: 0 0 48%; flex: 0 0 48%;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
padding: 16px; padding: 16px;
flex: 100%; flex: 100%;
@ -37,7 +37,7 @@
img { img {
margin-right: 12px; margin-right: 12px;
width: 28px; width: 28px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
align-self: center; align-self: center;
} }
} }
@ -47,7 +47,7 @@
font-weight: 500; font-weight: 500;
margin: 0; margin: 0;
padding: 0; padding: 0;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin: 0; margin: 0;
} }
} }
@ -59,7 +59,7 @@
color: $gray-700; color: $gray-700;
margin: 0; margin: 0;
padding: 0; padding: 0;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
display: none; display: none;
} }
} }
@ -67,7 +67,7 @@
a { a {
color: $gray-700; color: $gray-700;
margin-left: 5px; margin-left: 5px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
display: none; display: none;
} }
} }
@ -75,21 +75,21 @@
.components-checkbox-control__input-container { .components-checkbox-control__input-container {
margin-right: 24px; margin-right: 24px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-right: 16px; margin-right: 16px;
} }
} }
.components-checkbox-control { .components-checkbox-control {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
align-self: center; align-self: center;
} }
.components-base-control__field { .components-base-control__field {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.components-checkbox-control__input-container { .components-checkbox-control__input-container {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
height: inherit; height: inherit;
} }
} }
@ -103,7 +103,7 @@
.woocommerce-profiler-plugins-plugin-card-text { .woocommerce-profiler-plugins-plugin-card-text {
margin: 4px 0 0 80px; margin: 4px 0 0 80px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
align-self: center; align-self: center;
} }
&.smaller-margin-left { &.smaller-margin-left {
@ -124,7 +124,7 @@
font-size: 11px; font-size: 11px;
font-weight: 500; font-weight: 500;
line-height: 20px; line-height: 20px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
display: none; display: none;
} }
} }

View File

@ -11,7 +11,7 @@
height: 16px; height: 16px;
} }
.components-checkbox-control__input[type='checkbox'] { .components-checkbox-control__input[type="checkbox"] {
width: 16px !important; width: 16px !important;
height: 16px !important; height: 16px !important;
} }
@ -20,7 +20,7 @@
width: 20px; width: 20px;
height: 20px; height: 20px;
@include breakpoint( '<600px' ) { @include breakpoint( "<600px" ) {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }

View File

@ -1,7 +1,7 @@
@import './shared.scss'; @import "./shared.scss";
.woocommerce-layout .woocommerce-layout__main { .woocommerce-layout .woocommerce-layout__main {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding-top: 0 !important; padding-top: 0 !important;
} }
} }
@ -26,14 +26,14 @@
--color-error: #cc1818; // used by some @automattic/components --color-error: #cc1818; // used by some @automattic/components
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding: 0 20px; padding: 0 20px;
} }
.woocommerce-profiler-button-container { .woocommerce-profiler-button-container {
width: 100%; width: 100%;
max-width: 404px; max-width: 404px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
position: absolute; position: absolute;
bottom: 20px; bottom: 20px;
padding: 0 20px; padding: 0 20px;
@ -133,7 +133,7 @@
padding-top: 110px; padding-top: 110px;
flex: 1; flex: 1;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding-top: 70px; padding-top: 70px;
} }
@ -148,7 +148,7 @@
background: url(./assets/images/welcome-desktop.svg) no-repeat center background: url(./assets/images/welcome-desktop.svg) no-repeat center
center; center;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-bottom: 40px; margin-bottom: 40px;
background: url(./assets/images/welcome-mobile.svg) no-repeat background: url(./assets/images/welcome-mobile.svg) no-repeat
center center; center center;
@ -167,7 +167,7 @@
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
margin-top: auto; margin-top: auto;
} }
@ -178,7 +178,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin: 16px auto 20px; margin: 16px auto 20px;
} }
@ -338,7 +338,7 @@
} }
.woocommerce-profiler-heading__subtitle { .woocommerce-profiler-heading__subtitle {
margin: 12px 0 48px 0 !important; margin: 12px 0 48px 0 !important;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-top: 12px !important; margin-top: 12px !important;
} }
} }
@ -384,12 +384,12 @@
} }
.woocommerce-profiler-plugins-continue-button-container { .woocommerce-profiler-plugins-continue-button-container {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
} }
.woocommerce-profiler-plugins-continue-button { .woocommerce-profiler-plugins-continue-button {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
} }
} }
@ -542,7 +542,7 @@
padding-right: 0; padding-right: 0;
color: $gray-900; color: $gray-900;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-bottom: 100px; margin-bottom: 100px;
} }

View File

@ -336,7 +336,7 @@
margin: 0; margin: 0;
} }
input[type='number'] { input[type="number"] {
-moz-appearance: textfield; -moz-appearance: textfield;
} }
@ -629,7 +629,7 @@
box-shadow: none !important; box-shadow: none !important;
} }
.tour-kit-frame__container[data-popper-placement^='left'] { .tour-kit-frame__container[data-popper-placement^="left"] {
& > .tour-kit-frame__arrow { & > .tour-kit-frame__arrow {
right: -5px; right: -5px;
&::before { &::before {
@ -639,7 +639,7 @@
} }
} }
.tour-kit-frame__container[data-popper-placement^='right'] { .tour-kit-frame__container[data-popper-placement^="right"] {
& > .tour-kit-frame__arrow { & > .tour-kit-frame__arrow {
&::before { &::before {
border-bottom: 1px solid var(--gutenberg-gray-300, #ddd); border-bottom: 1px solid var(--gutenberg-gray-300, #ddd);
@ -648,7 +648,7 @@
} }
} }
.tour-kit-frame__container[data-popper-placement^='top'] { .tour-kit-frame__container[data-popper-placement^="top"] {
& > .tour-kit-frame__arrow { & > .tour-kit-frame__arrow {
&::before { &::before {
border-bottom: 1px solid var(--gutenberg-gray-300, #ddd); border-bottom: 1px solid var(--gutenberg-gray-300, #ddd);
@ -657,7 +657,7 @@
} }
} }
.tour-kit-frame__container[data-popper-placement^='bottom'] { .tour-kit-frame__container[data-popper-placement^="bottom"] {
& > .tour-kit-frame__arrow { & > .tour-kit-frame__arrow {
&::before { &::before {
border-top: 1px solid var(--gutenberg-gray-300, #ddd); border-top: 1px solid var(--gutenberg-gray-300, #ddd);
@ -748,7 +748,7 @@
animation: 0.5s ease 1s edit-site-canvas-spinner__fade-in-animation; animation: 0.5s ease 1s edit-site-canvas-spinner__fade-in-animation;
animation-fill-mode: forwards; animation-fill-mode: forwards;
@include reduce-motion('animation'); @include reduce-motion("animation");
circle { circle {
stroke: rgba($black, 0.3); stroke: rgba($black, 0.3);

View File

@ -1,5 +1,5 @@
.woocommerce-layout .woocommerce-layout__main { .woocommerce-layout .woocommerce-layout__main {
@include breakpoint('<782px') { @include breakpoint("<782px") {
padding-top: 0 !important; padding-top: 0 !important;
} }

View File

@ -51,7 +51,7 @@
.woocommerce-customize-store__transitional-heading { .woocommerce-customize-store__transitional-heading {
color: $gray-900; color: $gray-900;
text-align: center; text-align: center;
font-feature-settings: 'clig' off, 'liga' off; font-feature-settings: "clig" off, "liga" off;
font-size: 32px; font-size: 32px;
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;

View File

@ -17,7 +17,7 @@
.woocommerce-chart__footer { .woocommerce-chart__footer {
position: relative; position: relative;
&::after { &::after {
content: ''; content: "";
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -1,7 +1,7 @@
.woocommerce-dashboard__store-performance { .woocommerce-dashboard__store-performance {
margin-bottom: $gap-large; margin-bottom: $gap-large;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
border-width: 0; border-width: 0;
} }
@ -16,7 +16,7 @@
background-color: $gray-100; background-color: $gray-100;
margin: 0; margin: 0;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
&.is-placeholder { &.is-placeholder {
border-top: 0; border-top: 0;
} }

View File

@ -13,7 +13,7 @@
@include set-grid-item-position( 2, 14 ); @include set-grid-item-position( 2, 14 );
} }
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
grid-template-columns: 100%; grid-template-columns: 100%;
> div { > div {
@ -94,7 +94,7 @@
.components-modal__frame.woocommerce-cart-modal .components-modal__content { .components-modal__frame.woocommerce-cart-modal .components-modal__content {
margin-top: 6rem; margin-top: 6rem;
@include breakpoint( '<600px' ) { @include breakpoint( "<600px" ) {
margin-top: 7rem; margin-top: 7rem;
} }
} }

View File

@ -17,13 +17,13 @@
min-height: $header-height; min-height: $header-height;
} }
@include breakpoint('<782px') { @include breakpoint("<782px") {
flex-flow: row wrap; flex-flow: row wrap;
top: $adminbar-height-mobile; top: $adminbar-height-mobile;
width: 100%; width: 100%;
} }
@include breakpoint('782px-960px') { @include breakpoint("782px-960px") {
width: calc(100% - 36px); width: calc(100% - 36px);
} }
@ -52,7 +52,7 @@
.folded .woocommerce-layout__header { .folded .woocommerce-layout__header {
width: calc(100% - 36px); width: calc(100% - 36px);
@include breakpoint('<782px') { @include breakpoint("<782px") {
width: 100%; width: 100%;
} }
} }

View File

@ -32,7 +32,7 @@
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.woocommerce-review-activity-card__image-overlay { .woocommerce-review-activity-card__image-overlay {
margin-top: $gap-smallest; margin-top: $gap-smallest;
} }

View File

@ -23,7 +23,7 @@
width: calc(50% - 12px); width: calc(50% - 12px);
margin: 0; margin: 0;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
position: inherit; position: inherit;
top: auto; top: auto;
@ -34,7 +34,7 @@
display: block; display: block;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
flex-direction: column; flex-direction: column;
.your-store-today { .your-store-today {
@ -43,7 +43,7 @@
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-left: -16px; margin-left: -16px;
margin-right: -16px; margin-right: -16px;
} }
@ -63,7 +63,7 @@
margin-left: 16px; margin-left: 16px;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 100%; width: 100%;
position: inherit; position: inherit;
top: auto; top: auto;

View File

@ -47,7 +47,7 @@
margin-bottom: 24px; margin-bottom: 24px;
} }
.components-radio-control__input[type='radio']:focus { .components-radio-control__input[type="radio"]:focus {
outline: none; outline: none;
box-shadow: none; box-shadow: none;
} }

View File

@ -24,7 +24,7 @@
color: #005c12; color: #005c12;
&::before { &::before {
content: ''; content: "";
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 3px; border-radius: 3px;

View File

@ -13,11 +13,11 @@
width: 100%; width: 100%;
} }
@include breakpoint('782px-960px') { @include breakpoint("782px-960px") {
width: calc(100% - 36px); width: calc(100% - 36px);
} }
@include breakpoint('<782px') { @include breakpoint("<782px") {
flex-flow: row wrap; flex-flow: row wrap;
width: 100%; width: 100%;
} }

View File

@ -7,7 +7,7 @@
box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.3);
&::before { &::before {
content: ''; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -24,7 +24,7 @@
min-height: 36px; min-height: 36px;
padding: 4px 16px; padding: 4px 16px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
min-height: 36px; min-height: 36px;
font-size: 16px; font-size: 16px;
line-height: 1.625; line-height: 1.625;
@ -40,7 +40,7 @@
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-bottom: $gap-large; margin-bottom: $gap-large;
padding: $gap; padding: $gap;
@ -55,7 +55,7 @@
.woocommerce-embed-page { .woocommerce-embed-page {
.woocommerce-store-alerts { .woocommerce-store-alerts {
margin: 40px 20px 20px; margin: 40px 20px 20px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-top: $gap-large; margin-top: $gap-large;
} }
} }
@ -121,7 +121,7 @@
@include font-size( 14 ); @include font-size( 14 );
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-left: 0; margin-left: 0;
margin-bottom: 14px; margin-bottom: 14px;
@ -189,7 +189,7 @@
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.components-card__header h2 { .components-card__header h2 {
width: 100%; width: 100%;

View File

@ -29,7 +29,7 @@
margin: $gutter-large 0 128px $fallback-gutter-large; margin: $gutter-large 0 128px $fallback-gutter-large;
margin: $gutter-large 0 128px $gutter-large; margin: $gutter-large 0 128px $gutter-large;
@include breakpoint('<782px') { @include breakpoint("<782px") {
margin-top: 20px; margin-top: 20px;
} }
} }
@ -78,8 +78,8 @@
.woocommerce-admin-full-screen { .woocommerce-admin-full-screen {
background: $studio-gray-0; background: $studio-gray-0;
color: $studio-gray-60; color: $studio-gray-60;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
#wpwrap { #wpwrap {
top: 0; top: 0;
@ -126,7 +126,7 @@
.wp-toolbar .is-wp-toolbar-disabled { .wp-toolbar .is-wp-toolbar-disabled {
margin-top: -$adminbar-height; margin-top: -$adminbar-height;
@include breakpoint('<600px') { @include breakpoint("<600px") {
margin-top: -$adminbar-height-mobile; margin-top: -$adminbar-height-mobile;
} }
} }

View File

@ -1,11 +1,11 @@
@import '../../navigation/stylesheets/variables.scss'; @import "../../navigation/stylesheets/variables.scss";
.woocommerce-transient-notices { .woocommerce-transient-notices {
position: absolute; position: absolute;
left: $gap; left: $gap;
bottom: 100%; bottom: 100%;
margin-bottom: $gap-small; margin-bottom: $gap-small;
z-index: calc(z-index('.components-snackbar-list') + 1); z-index: calc(z-index(".components-snackbar-list") + 1);
width: auto; width: auto;
.woocommerce-profile-wizard__body & { .woocommerce-profile-wizard__body & {

View File

@ -12,7 +12,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
display: block; display: block;
} }
} }
@ -27,7 +27,7 @@
margin-bottom: 16px; margin-bottom: 16px;
} }
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
flex-wrap: nowrap; flex-wrap: nowrap;
width: 50%; width: 50%;
@ -46,7 +46,7 @@
flex: none; flex: none;
border-radius: 3px; border-radius: 3px;
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
width: 144px; width: 144px;
height: 103px; height: 103px;
margin-right: 16px; margin-right: 16px;
@ -60,7 +60,7 @@
display: block; display: block;
width: 100%; width: 100%;
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -74,7 +74,7 @@
margin: 10px 0 0; margin: 10px 0 0;
flex: 1; flex: 1;
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
margin: 0; margin: 0;
} }
} }

View File

@ -8,14 +8,14 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@include breakpoint( '>600px' ) { @include breakpoint( ">600px" ) {
> a, > a,
> .is-loading.woocommerce-marketing-recommended-extensions-item { > .is-loading.woocommerce-marketing-recommended-extensions-item {
width: 50%; width: 50%;
} }
} }
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
> a, > a,
> .is-loading.woocommerce-marketing-recommended-extensions-item { > .is-loading.woocommerce-marketing-recommended-extensions-item {
width: 33.3%; width: 33.3%;

View File

@ -4,7 +4,7 @@
gap: $gap-smaller; gap: $gap-smaller;
&__separator::before { &__separator::before {
content: ''; content: "";
} }
} }
} }

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__category-selector { .woocommerce-marketplace__category-selector {
display: flex; display: flex;

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__content { .woocommerce-marketplace__content {
box-sizing: content-box; box-sizing: content-box;

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__discover { &__discover {

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__footer { .woocommerce-marketplace__footer {
background: $gray-0; background: $gray-0;

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__menu-item span { &__menu-item span {

View File

@ -1,21 +1,21 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__header { .woocommerce-marketplace__header {
align-items: center; align-items: center;
background: #fff; background: #fff;
border-bottom: 1px solid $gutenberg-gray-300; border-bottom: 1px solid $gutenberg-gray-300;
display: grid; display: grid;
grid-template: 'mktpl-title mktpl-search mktpl-meta' 60px grid-template: "mktpl-title mktpl-search mktpl-meta" 60px
'mktpl-tabs mktpl-tabs mktpl-tabs' auto / 1fr 320px 36px; "mktpl-tabs mktpl-tabs mktpl-tabs" auto / 1fr 320px 36px;
padding: 0 $content-spacing-large; padding: 0 $content-spacing-large;
width: 100%; width: 100%;
/* On narrow screens, "stack" header items and hide the bottom border */ /* On narrow screens, "stack" header items and hide the bottom border */
@media (width <= $breakpoint-medium) { @media (width <= $breakpoint-medium) {
border-bottom: 0; border-bottom: 0;
grid-template: 'mktpl-title mktpl-meta' 60px grid-template: "mktpl-title mktpl-meta" 60px
'mktpl-tabs mktpl-tabs' 48px "mktpl-tabs mktpl-tabs" 48px
'mktpl-search mktpl-search' auto / auto 48px; "mktpl-search mktpl-search" auto / auto 48px;
padding: 0; padding: 0;
} }
@ -75,7 +75,7 @@
margin-right: $medium-gap; margin-right: $medium-gap;
margin-top: 10px; margin-top: 10px;
input[type='search'] { input[type="search"] {
all: unset; all: unset;
flex-grow: 1; flex-grow: 1;
} }

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__icon-group { &__icon-group {

View File

@ -1,5 +1,5 @@
@import '@wordpress/base-styles/_colors.native.scss'; @import "@wordpress/base-styles/_colors.native.scss";
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
@mixin content-width { @mixin content-width {
max-width: calc(100vw - (2 * #{$grid-unit-20})); max-width: calc(100vw - (2 * #{$grid-unit-20}));
@ -305,7 +305,7 @@
position: relative; position: relative;
&::before { &::before {
content: ''; content: "";
display: block; display: block;
width: 4px; width: 4px;
height: 100%; height: 100%;
@ -376,7 +376,7 @@
} }
&::before { &::before {
content: ''; content: "";
/* stylelint-disable-next-line function-url-quotes */ /* stylelint-disable-next-line function-url-quotes */
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z' stroke='%23614200' stroke-width='1.5'/%3E%3Cpath d='M13 7H11V13H13V7Z' fill='%23614200'/%3E%3Cpath d='M13 15H11V17H13V15Z' fill='%23614200'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z' stroke='%23614200' stroke-width='1.5'/%3E%3Cpath d='M13 7H11V13H13V7Z' fill='%23614200'/%3E%3Cpath d='M13 15H11V17H13V15Z' fill='%23614200'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__notice { &__notice {

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__product-card { &__product-card {
@ -152,7 +152,7 @@
/* Use the ::after trick to make the whole card clickable: */ /* Use the ::after trick to make the whole card clickable: */
&::after { &::after {
bottom: 0; bottom: 0;
content: ''; content: "";
left: 0; left: 0;
position: absolute; position: absolute;
right: 0; right: 0;

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__no-results__heading { .woocommerce-marketplace__no-results__heading {
margin: 0; margin: 0;

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__product-list-content { &__product-list-content {

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__product-list-header { &__product-list-header {

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__search-results { .woocommerce-marketplace__search-results {
.woocommerce-marketplace { .woocommerce-marketplace {

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__search { .woocommerce-marketplace__search {
grid-area: mktpl-search; grid-area: mktpl-search;
@ -9,7 +9,7 @@
height: 40px; height: 40px;
padding: 4px 8px 4px 12px; padding: 4px 8px 4px 12px;
input[type='search'] { input[type="search"] {
all: unset; all: unset;
flex-grow: 1; flex-grow: 1;
} }

View File

@ -1,4 +1,4 @@
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace { .woocommerce-marketplace {
&__tabs { &__tabs {

View File

@ -1,5 +1,5 @@
@import '@wordpress/base-styles/_colors.native.scss'; @import "@wordpress/base-styles/_colors.native.scss";
@import '../../stylesheets/_variables.scss'; @import "../../stylesheets/_variables.scss";
.woocommerce-marketplace__woo-update-manager-plugin__notices { .woocommerce-marketplace__woo-update-manager-plugin__notices {
.components-notice { .components-notice {
@ -12,7 +12,7 @@
position: relative; position: relative;
&::before { &::before {
content: ''; content: "";
display: block; display: block;
width: 4px; width: 4px;
height: 100%; height: 100%;

View File

@ -1,4 +1,4 @@
@import './stylesheets/_variables.scss'; @import "./stylesheets/_variables.scss";
.woocommerce-admin-page__extensions { .woocommerce-admin-page__extensions {
background: #fff; background: #fff;

View File

@ -1,4 +1,4 @@
@import '@wordpress/base-styles/_colors.native.scss'; @import "@wordpress/base-styles/_colors.native.scss";
// Spacings // Spacings
// Taken from base style system // Taken from base style system

View File

@ -4,7 +4,7 @@ $banner-height: 56px;
// This class is a hack, added conditionally when displaying the app banner, it // This class is a hack, added conditionally when displaying the app banner, it
// can be refactored away when the activity panel goes away. // can be refactored away when the activity panel goes away.
.woocommerce-layout__show-app-banner { .woocommerce-layout__show-app-banner {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.woocommerce-layout__header-wrapper { .woocommerce-layout__header-wrapper {
padding-top: $banner-height; padding-top: $banner-height;
} }
@ -22,11 +22,11 @@ $banner-height: 56px;
align-items: center; align-items: center;
padding: 0 6px 0 4px; padding: 0 6px 0 4px;
@include breakpoint( '>400px' ) { @include breakpoint( ">400px" ) {
padding: 0 $element-spacing 0 10px; padding: 0 $element-spacing 0 10px;
} }
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
display: none; display: none;
} }
@ -52,7 +52,7 @@ $banner-height: 56px;
color: $white; color: $white;
margin-left: 8px; margin-left: 8px;
@include breakpoint( '>400px' ) { @include breakpoint( ">400px" ) {
margin-left: $element-spacing; margin-left: $element-spacing;
} }
@ -64,7 +64,7 @@ $banner-height: 56px;
margin: 0; margin: 0;
font-size: 10px; font-size: 10px;
@include breakpoint( '>400px' ) { @include breakpoint( ">400px" ) {
margin-left: 13px; margin-left: 13px;
font-size: 13px; font-size: 13px;
} }

View File

@ -12,7 +12,7 @@
&:hover, &:hover,
&:focus, &:focus,
&:not([aria-disabled='true']):active { &:not([aria-disabled="true"]):active {
color: #fff; color: #fff;
} }
} }

View File

@ -1,7 +1,7 @@
.woocommerce-navigation-intro-modal { .woocommerce-navigation-intro-modal {
width: 670px; width: 670px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
width: 350px; width: 350px;
} }
@ -51,7 +51,7 @@
max-width: 100%; max-width: 100%;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
.woocommerce-navigation-intro-modal__image-wrapper { .woocommerce-navigation-intro-modal__image-wrapper {

View File

@ -1,6 +1,6 @@
@import './stylesheets/variables.scss'; @import "./stylesheets/variables.scss";
@import './components/container/style.scss'; @import "./components/container/style.scss";
@import './components/header/style.scss'; @import "./components/header/style.scss";
.woocommerce-navigation { .woocommerce-navigation {
position: relative; position: relative;
@ -138,13 +138,13 @@ body.is-wc-nav-folded {
.woocommerce-layout__header.is-embed-loading { .woocommerce-layout__header.is-embed-loading {
&::before { &::before {
content: ''; content: "";
position: fixed; position: fixed;
width: $navigation-width; width: $navigation-width;
height: 100%; height: 100%;
background: $gray-900; background: $gray-900;
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
width: $header-height; width: $header-height;
height: $header-height; height: $header-height;
} }

View File

@ -85,7 +85,7 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
&::after { &::after {
content: ''; content: "";
display: inline-block; display: inline-block;
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -101,7 +101,7 @@
} }
} }
.half-width-field { .half-width-field {
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
width: 100%; width: 100%;
} }
width: 50%; width: 50%;

View File

@ -54,7 +54,7 @@
color: var(--wp-admin-theme-color); color: var(--wp-admin-theme-color);
&:disabled, &:disabled,
&[aria-disabled='true'] { &[aria-disabled="true"] {
opacity: 1; opacity: 1;
} }

View File

@ -36,13 +36,13 @@ $product-form-tabs-height: 56px;
border-top: 1px solid $gray-400; border-top: 1px solid $gray-400;
padding: 0 var(--large-gap) 0 var(--large-gap); padding: 0 var(--large-gap) 0 var(--large-gap);
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
top: $adminbar-height-mobile + $header-height; top: $adminbar-height-mobile + $header-height;
width: 100%; width: 100%;
left: 0; left: 0;
} }
@include breakpoint( '782px-960px' ) { @include breakpoint( "782px-960px" ) {
width: calc(100% - 36px); width: calc(100% - 36px);
left: 36px; left: 36px;
} }
@ -65,7 +65,7 @@ $product-form-tabs-height: 56px;
} }
&:disabled, &:disabled,
&[aria-disabled='true'] { &[aria-disabled="true"] {
// We need tooltips at full opacity so only child elements have reduced opacity. // We need tooltips at full opacity so only child elements have reduced opacity.
opacity: 1; opacity: 1;

View File

@ -44,11 +44,11 @@
position: fixed; position: fixed;
width: calc(100% - $admin-menu-width); width: calc(100% - $admin-menu-width);
left: $admin-menu-width; left: $admin-menu-width;
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
left: $admin-menu-width-collapsed; left: $admin-menu-width-collapsed;
width: calc(100% - $admin-menu-width-collapsed); width: calc(100% - $admin-menu-width-collapsed);
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
left: 0; left: 0;
width: 100%; width: 100%;
} }
@ -64,7 +64,7 @@
.interface-interface-skeleton__header { .interface-interface-skeleton__header {
top: $adminbar-height; top: $adminbar-height;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
top: $adminbar-height-mobile; top: $adminbar-height-mobile;
} }
} }
@ -83,7 +83,7 @@
} }
html.interface-interface-skeleton__html-container { html.interface-interface-skeleton__html-container {
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
position: inherit; position: inherit;
} }
.woocommerce-layout__footer.at-bottom { .woocommerce-layout__footer.at-bottom {

View File

@ -32,7 +32,7 @@
margin-left: -$gap; margin-left: -$gap;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.woocommerce-product-settings__toggle, .woocommerce-product-settings__toggle,
.woocommerce-product-settings__panel { .woocommerce-product-settings__panel {
display: none; display: none;

View File

@ -2,7 +2,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
flex-direction: column; flex-direction: column;
align-items: baseline; align-items: baseline;

View File

@ -9,11 +9,11 @@
right: 0; right: 0;
padding-left: 160px; padding-left: 160px;
@include breakpoint('782px-960px') { @include breakpoint("782px-960px") {
padding-left: 18px; padding-left: 18px;
} }
@include breakpoint('<782px') { @include breakpoint("<782px") {
padding-left: 0; padding-left: 0;
bottom: calc(69px + 16px); bottom: calc(69px + 16px);
} }

View File

@ -24,7 +24,7 @@
} }
&:disabled, &:disabled,
&[aria-disabled='true'] { &[aria-disabled="true"] {
color: $gray-400; color: $gray-400;
} }
} }

View File

@ -6,11 +6,11 @@
// This puts the modal on top of the RichTextEditor toolbars. // This puts the modal on top of the RichTextEditor toolbars.
z-index: 31; z-index: 31;
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
left: $admin-menu-width-collapsed + $gap-large; left: $admin-menu-width-collapsed + $gap-large;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
display: none; display: none;
} }

View File

@ -64,7 +64,7 @@
margin-right: auto; margin-right: auto;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding-left: $gap; padding-left: $gap;
padding-right: $gap; padding-right: $gap;
margin-bottom: 56 + $gap; /* 56px is height of footer */ margin-bottom: 56 + $gap; /* 56px is height of footer */
@ -107,7 +107,7 @@
margin-bottom: $gap * 2 !important; margin-bottom: $gap * 2 !important;
border-color: $studio-red-50; border-color: $studio-red-50;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-bottom: $gap-small + $gap * 2 !important; margin-bottom: $gap-small + $gap * 2 !important;
} }
@ -217,7 +217,7 @@
display: none; display: none;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.components-form-toggle { .components-form-toggle {
display: inline-block; display: inline-block;
} }
@ -275,7 +275,7 @@
} }
} }
@include breakpoint( '<600px' ) { @include breakpoint( "<600px" ) {
svg.dashicon.components-checkbox-control__checked { svg.dashicon.components-checkbox-control__checked {
left: -2px; left: -2px;
top: -1px; top: -1px;
@ -309,7 +309,7 @@
line-height: 56px; line-height: 56px;
font-family: dashicons, sans-serif; font-family: dashicons, sans-serif;
font-size: 20px; font-size: 20px;
content: '\f140'; content: "\f140";
z-index: 1; z-index: 1;
height: 24px; height: 24px;
width: 24px; width: 24px;
@ -350,7 +350,7 @@
transform: initial; transform: initial;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
position: fixed; position: fixed;
z-index: 999; z-index: 999;
width: 100%; width: 100%;

View File

@ -32,7 +32,7 @@
padding: 0 !important; padding: 0 !important;
} }
[aria-labelledby='select2-woocommerce_tax_display_shop-container'].is-conflict { [aria-labelledby="select2-woocommerce_tax_display_shop-container"].is-conflict {
border: #f00 !important; border: #f00 !important;
border-style: solid !important; border-style: solid !important;
border-width: 1px !important; border-width: 1px !important;

View File

@ -1,12 +1,12 @@
// Import our wp-admin reset. // Import our wp-admin reset.
@import './shared/_reset.scss'; @import "./shared/_reset.scss";
// Some WooCommerce Admin page specific resets. // Some WooCommerce Admin page specific resets.
.woocommerce-admin-page { .woocommerce-admin-page {
.wp-has-current-submenu::after { .wp-has-current-submenu::after {
right: 0; right: 0;
border: 8px solid transparent; border: 8px solid transparent;
content: ' '; content: " ";
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
@ -15,7 +15,7 @@
top: 0; top: 0;
margin-top: 10px; margin-top: 10px;
@include breakpoint( '<960px' ) { @include breakpoint( "<960px" ) {
border-width: 4px; border-width: 4px;
margin-top: 14px; margin-top: 14px;
} }
@ -23,10 +23,10 @@
} }
// Import any global styles. // Import any global styles.
@import './shared/_global.scss'; @import "./shared/_global.scss";
// Import the embed-specific styles. // Import the embed-specific styles.
@import './shared/_embed.scss'; @import "./shared/_embed.scss";
:root { :root {
@include admin-scheme( #007cba ); @include admin-scheme( #007cba );

View File

@ -20,7 +20,7 @@
.wrap { .wrap {
padding: 0 20px; padding: 0 20px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
p.search-box { p.search-box {
width: calc(100% - 40px); width: calc(100% - 40px);
} }
@ -66,7 +66,7 @@
.woocommerce-layout__primary { .woocommerce-layout__primary {
margin: 0; margin: 0;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding-top: 10px; padding-top: 10px;
} }
} }
@ -89,12 +89,12 @@
margin-top: 10px; margin-top: 10px;
margin-bottom: 16px; margin-bottom: 16px;
@include breakpoint( '<600px' ) { @include breakpoint( "<600px" ) {
margin-top: 80px; margin-top: 80px;
margin-bottom: -16px; margin-bottom: -16px;
} }
@include breakpoint( '600px-782px' ) { @include breakpoint( "600px-782px" ) {
margin-top: 32px; margin-top: 32px;
} }
} }

View File

@ -1,4 +1,4 @@
@import 'node_modules/@wordpress/base-styles/colors.native'; @import "node_modules/@wordpress/base-styles/colors.native";
// By using CSS variables, we can switch the spacing rhythm using a single media query. // By using CSS variables, we can switch the spacing rhythm using a single media query.
:root { :root {
--large-gap: 40px; --large-gap: 40px;
@ -61,7 +61,7 @@
body.woocommerce-admin-page { body.woocommerce-admin-page {
.components-button.is-primary { .components-button.is-primary {
&:not(:disabled):not([aria-disabled='true']):hover { &:not(:disabled):not([aria-disabled="true"]):hover {
color: $studio-white; color: $studio-white;
} }
} }
@ -69,7 +69,7 @@ body.woocommerce-admin-page {
.components-snackbar .components-button.is-tertiary { .components-snackbar .components-button.is-tertiary {
color: $studio-white; color: $studio-white;
&:not(:disabled):not([aria-disabled='true']):hover { &:not(:disabled):not([aria-disabled="true"]):hover {
color: $studio-white; color: $studio-white;
} }
} }

View File

@ -11,13 +11,13 @@
min-height: calc(100vh - #{$adminbar-height}); min-height: calc(100vh - #{$adminbar-height});
} }
@include breakpoint( '>782px' ) { @include breakpoint( ">782px" ) {
#wpbody-content { #wpbody-content {
padding-left: 0; padding-left: 0;
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
// WP breakpoint for mobile menu // WP breakpoint for mobile menu
.wp-responsive-open #woocommerce-embedded-root, .wp-responsive-open #woocommerce-embedded-root,
.wp-responsive-open #wpbody { .wp-responsive-open #wpbody {
@ -31,7 +31,7 @@
} }
} }
@include breakpoint( '>960px' ) { @include breakpoint( ">960px" ) {
#toplevel_page_woocommerce.menu-top > a:focus, #toplevel_page_woocommerce.menu-top > a:focus,
#toplevel_page_wcadmin--analytics.menu-top > a:focus { #toplevel_page_wcadmin--analytics.menu-top > a:focus {
padding-bottom: 1px; padding-bottom: 1px;
@ -61,7 +61,7 @@
} }
} }
@include breakpoint( '<600px' ) { @include breakpoint( "<600px" ) {
#wpadminbar { #wpadminbar {
position: fixed; position: fixed;
} }
@ -73,7 +73,7 @@
// Temporary fix for compatibility with the Jetpack masterbar // Temporary fix for compatibility with the Jetpack masterbar
// See https://github.com/Automattic/jetpack/issues/9608 // See https://github.com/Automattic/jetpack/issues/9608
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
.jetpack-masterbar { .jetpack-masterbar {
#wpadminbar #wp-admin-bar-menu-toggle { #wpadminbar #wp-admin-bar-menu-toggle {
margin-top: -10px; margin-top: -10px;

View File

@ -72,7 +72,7 @@ $progress-complete-color: var(--wp-admin-theme-color);
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding-left: var(--large-gap); padding-left: var(--large-gap);
padding-right: var(--large-gap); padding-right: var(--large-gap);
} }
@ -81,7 +81,7 @@ $progress-complete-color: var(--wp-admin-theme-color);
h1.woocommerce-task-progress-header__title { h1.woocommerce-task-progress-header__title {
padding-top: 4px; padding-top: 4px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
padding-left: var(--large-gap); padding-left: var(--large-gap);
padding-right: var(--large-gap); padding-right: var(--large-gap);
} }

View File

@ -83,7 +83,7 @@
flex: 1; flex: 1;
} }
@include breakpoint( '<600px' ) { @include breakpoint( "<600px" ) {
flex-wrap: wrap; flex-wrap: wrap;
.woocommerce-task-payment__content { .woocommerce-task-payment__content {

View File

@ -7,7 +7,7 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
@ -36,7 +36,7 @@
justify-content: center; justify-content: center;
margin: 0; margin: 0;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
flex-direction: column; flex-direction: column;
} }
@ -50,19 +50,19 @@
} }
&::after { &::after {
content: ''; content: "";
color: #bbb; color: #bbb;
margin-left: 4px; margin-left: 4px;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
content: ''; content: "";
} }
} }
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
&::after { &::after {
content: ''; content: "";
} }
} }
} }

View File

@ -7,7 +7,7 @@
color: #fff; color: #fff;
&::before { &::before {
content: ''; content: "";
} }
button { button {

View File

@ -129,10 +129,10 @@
} }
.woocommerce-task-header__contents { .woocommerce-task-header__contents {
@include breakpoint( '<782px') { @include breakpoint( "<782px") {
max-width: 380px; max-width: 380px;
} }
@include breakpoint('<600px') { @include breakpoint("<600px") {
max-width: 100%; max-width: 100%;
} }
@ -170,7 +170,7 @@
li.is-active::after { li.is-active::after {
background-color: var(--wp-admin-theme-color); background-color: var(--wp-admin-theme-color);
opacity: 0.1; opacity: 0.1;
content: ''; content: "";
top: 0; top: 0;
left: 0; left: 0;
position: absolute; position: absolute;
@ -211,14 +211,14 @@
@for $i from 1 through 10 { @for $i from 1 through 10 {
.woocommerce-task-list__item:not(.complete).index-#{$i} .woocommerce-task__icon::after { .woocommerce-task-list__item:not(.complete).index-#{$i} .woocommerce-task__icon::after {
content: '#{$i}'; content: "#{$i}";
@extend .numbered-circle; @extend .numbered-circle;
color: var(--wp-admin-theme-color); color: var(--wp-admin-theme-color);
font-weight: bold; font-weight: bold;
} }
} }
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
@include single-column; @include single-column;
} }
@ -235,11 +235,11 @@
} }
.svg-background { .svg-background {
@include breakpoint('<600px') { @include breakpoint("<600px") {
display: none; display: none;
} }
@include breakpoint( '<782px') { @include breakpoint( "<782px") {
right: 0.5%; right: 0.5%;
width: 40%; width: 40%;
} }
@ -266,7 +266,7 @@
} }
.woocommerce-task-header__contents { .woocommerce-task-header__contents {
@include breakpoint( '<782px') { @include breakpoint( "<782px") {
max-width: 380px; max-width: 380px;
} }

View File

@ -201,7 +201,7 @@
margin-bottom: $gap * 2 !important; margin-bottom: $gap * 2 !important;
border-color: $studio-red-50; border-color: $studio-red-50;
@include breakpoint( '<782px' ) { @include breakpoint( "<782px" ) {
margin-bottom: $gap-small + $gap * 2 !important; margin-bottom: $gap-small + $gap * 2 !important;
} }

View File

@ -1,4 +1,4 @@
[data-gateway_id='pre_install_woocommerce_payments_promotion'] { [data-gateway_id="pre_install_woocommerce_payments_promotion"] {
> .status a { > .status a {
visibility: hidden !important; visibility: hidden !important;
} }

View File

@ -173,7 +173,7 @@
"@wordpress/postcss-themes": "^1.0.5", "@wordpress/postcss-themes": "^1.0.5",
"@wordpress/prettier-config": "2.17.0", "@wordpress/prettier-config": "2.17.0",
"@wordpress/scripts": "^12.6.1", "@wordpress/scripts": "^12.6.1",
"@wordpress/stylelint-config": "^20.0.3", "@wordpress/stylelint-config": "^21.36.0",
"@xstate/inspect": "0.8.0", "@xstate/inspect": "0.8.0",
"@xstate/test": "0.5.1", "@xstate/test": "0.5.1",
"autoprefixer": "^10.4.16", "autoprefixer": "^10.4.16",

View File

@ -14,7 +14,7 @@ module.exports = {
'no-duplicate-selectors': null, 'no-duplicate-selectors': null,
'rule-empty-line-before': null, 'rule-empty-line-before': null,
'selector-class-pattern': null, 'selector-class-pattern': null,
'string-quotes': 'single', 'string-quotes': 'double',
'value-keyword-case': null, 'value-keyword-case': null,
'value-list-comma-newline-after': null, 'value-list-comma-newline-after': null,
// TODO: fix these rules // TODO: fix these rules

View File

@ -197,7 +197,7 @@
"@wordpress/postcss-themes": "1.0.5", "@wordpress/postcss-themes": "1.0.5",
"@wordpress/prettier-config": "1.4.0", "@wordpress/prettier-config": "1.4.0",
"@wordpress/scripts": "24.6.0", "@wordpress/scripts": "24.6.0",
"@wordpress/stylelint-config": "^20.0.3", "@wordpress/stylelint-config": "^21.36.0",
"autoprefixer": "10.4.14", "autoprefixer": "10.4.14",
"axios": "0.27.2", "axios": "0.27.2",
"babel-jest": "^29.7.0", "babel-jest": "^29.7.0",

View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Comment: Update stylelint configurations for linting to match `@wordpress` packages we consume.

View File

@ -18,7 +18,7 @@
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^16.18.68", "@types/node": "^16.18.68",
"@wordpress/stylelint-config": "19.1.0", "@wordpress/stylelint-config": "^21.36.0",
"autoprefixer": "9.8.6", "autoprefixer": "9.8.6",
"browserslist": "4.19.3", "browserslist": "4.19.3",
"caniuse-lite": "1.0.30001146", "caniuse-lite": "1.0.30001146",

View File

@ -190,7 +190,7 @@
"@wordpress/babel-preset-default": "3.0.2", "@wordpress/babel-preset-default": "3.0.2",
"@wordpress/e2e-test-utils-playwright": "wp-6.4", "@wordpress/e2e-test-utils-playwright": "wp-6.4",
"@wordpress/env": "^8.13.0", "@wordpress/env": "^8.13.0",
"@wordpress/stylelint-config": "19.1.0", "@wordpress/stylelint-config": "^21.36.0",
"allure-commandline": "^2.25.0", "allure-commandline": "^2.25.0",
"allure-playwright": "^2.9.2", "allure-playwright": "^2.9.2",
"autoprefixer": "9.8.6", "autoprefixer": "9.8.6",

View File

@ -3073,8 +3073,8 @@ importers:
specifier: ^8.13.0 specifier: ^8.13.0
version: 8.13.0 version: 8.13.0
'@wordpress/stylelint-config': '@wordpress/stylelint-config':
specifier: 19.1.0 specifier: ^21.36.0
version: 19.1.0(stylelint@13.13.1) version: 21.36.0(postcss@8.4.32)(stylelint@13.13.1)
allure-commandline: allure-commandline:
specifier: ^2.25.0 specifier: ^2.25.0
version: 2.25.0 version: 2.25.0
@ -3548,8 +3548,8 @@ importers:
specifier: ^12.6.1 specifier: ^12.6.1
version: 12.6.1(@babel/core@7.23.5)(react-dom@17.0.2)(react@17.0.2)(typescript@5.3.3) version: 12.6.1(@babel/core@7.23.5)(react-dom@17.0.2)(react@17.0.2)(typescript@5.3.3)
'@wordpress/stylelint-config': '@wordpress/stylelint-config':
specifier: ^20.0.3 specifier: ^21.36.0
version: 20.0.3(postcss@8.4.32)(stylelint@14.16.1) version: 21.36.0(postcss@8.4.32)(stylelint@14.16.1)
'@xstate/inspect': '@xstate/inspect':
specifier: 0.8.0 specifier: 0.8.0
version: 0.8.0(ws@8.15.0)(xstate@4.37.1) version: 0.8.0(ws@8.15.0)(xstate@4.37.1)
@ -4244,8 +4244,8 @@ importers:
specifier: 24.6.0 specifier: 24.6.0
version: 24.6.0(@swc/core@1.3.100)(esbuild@0.18.20)(eslint-import-resolver-typescript@3.2.4)(eslint-import-resolver-webpack@0.13.2)(react-dom@17.0.2)(react@17.0.2)(typescript@5.3.2) version: 24.6.0(@swc/core@1.3.100)(esbuild@0.18.20)(eslint-import-resolver-typescript@3.2.4)(eslint-import-resolver-webpack@0.13.2)(react-dom@17.0.2)(react@17.0.2)(typescript@5.3.2)
'@wordpress/stylelint-config': '@wordpress/stylelint-config':
specifier: ^20.0.3 specifier: ^21.36.0
version: 20.0.3(postcss@8.4.32)(stylelint@14.16.1) version: 21.36.0(postcss@8.4.32)(stylelint@14.16.1)
autoprefixer: autoprefixer:
specifier: 10.4.14 specifier: 10.4.14
version: 10.4.14(postcss@8.4.32) version: 10.4.14(postcss@8.4.32)
@ -4479,8 +4479,8 @@ importers:
specifier: ^16.18.68 specifier: ^16.18.68
version: 16.18.68 version: 16.18.68
'@wordpress/stylelint-config': '@wordpress/stylelint-config':
specifier: 19.1.0 specifier: ^21.36.0
version: 19.1.0(stylelint@13.8.0) version: 21.36.0(postcss@8.4.32)(stylelint@13.8.0)
autoprefixer: autoprefixer:
specifier: 9.8.6 specifier: 9.8.6
version: 9.8.6 version: 9.8.6
@ -17971,7 +17971,7 @@ packages:
dependencies: dependencies:
'@babel/core': 7.23.5 '@babel/core': 7.23.5
postcss: 7.0.39 postcss: 7.0.39
postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) postcss-syntax: 0.36.2(postcss@8.4.32)
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
@ -17984,7 +17984,7 @@ packages:
postcss-syntax: '>=0.36.2' postcss-syntax: '>=0.36.2'
dependencies: dependencies:
postcss: 7.0.39 postcss: 7.0.39
postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) postcss-syntax: 0.36.2(postcss@8.4.32)
remark: 13.0.0 remark: 13.0.0
unist-util-find-all-after: 3.0.2 unist-util-find-all-after: 3.0.2
transitivePeerDependencies: transitivePeerDependencies:
@ -24702,7 +24702,7 @@ packages:
'@wordpress/npm-package-json-lint-config': 4.32.0(npm-package-json-lint@5.4.2) '@wordpress/npm-package-json-lint-config': 4.32.0(npm-package-json-lint@5.4.2)
'@wordpress/postcss-plugins-preset': 4.31.0(postcss@8.4.32) '@wordpress/postcss-plugins-preset': 4.31.0(postcss@8.4.32)
'@wordpress/prettier-config': 2.17.0(wp-prettier@2.6.2) '@wordpress/prettier-config': 2.17.0(wp-prettier@2.6.2)
'@wordpress/stylelint-config': 21.30.0(postcss@8.4.32)(stylelint@14.16.1) '@wordpress/stylelint-config': 21.36.0(postcss@8.4.32)(stylelint@14.16.1)
adm-zip: 0.5.10 adm-zip: 0.5.10
babel-jest: 27.5.1(@babel/core@7.23.5) babel-jest: 27.5.1(@babel/core@7.23.5)
babel-loader: 8.3.0(@babel/core@7.23.5)(webpack@5.89.0) babel-loader: 8.3.0(@babel/core@7.23.5)(webpack@5.89.0)
@ -24903,18 +24903,6 @@ packages:
stylelint-scss: 3.21.0(stylelint@13.13.1) stylelint-scss: 3.21.0(stylelint@13.13.1)
dev: true dev: true
/@wordpress/stylelint-config@19.1.0(stylelint@13.8.0):
resolution: {integrity: sha512-K/wB9rhB+pH5WvDh3fV3DN5C3Bud+jPGXmnPY8fOXKMYI3twCFozK/j6sVuaJHqGp/0kKEF0hkkGh+HhD30KGQ==}
engines: {node: '>=12'}
peerDependencies:
stylelint: ^13.7.0
dependencies:
stylelint: 13.8.0
stylelint-config-recommended: 3.0.0(stylelint@13.8.0)
stylelint-config-recommended-scss: 4.3.0(stylelint-scss@3.21.0)(stylelint@13.8.0)
stylelint-scss: 3.21.0(stylelint@13.8.0)
dev: true
/@wordpress/stylelint-config@20.0.3(postcss@8.4.32)(stylelint@14.16.1): /@wordpress/stylelint-config@20.0.3(postcss@8.4.32)(stylelint@14.16.1):
resolution: {integrity: sha512-J+bByJYLkc+pCFzDekIEVQq513It+4XnLbQLn5KFcYD0ztk4KJsnNfU/uY8t9BAhfJfX8spwLo+tUwMF47tUTQ==} resolution: {integrity: sha512-J+bByJYLkc+pCFzDekIEVQq513It+4XnLbQLn5KFcYD0ztk4KJsnNfU/uY8t9BAhfJfX8spwLo+tUwMF47tUTQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
@ -24928,8 +24916,34 @@ packages:
- postcss - postcss
dev: true dev: true
/@wordpress/stylelint-config@21.30.0(postcss@8.4.32)(stylelint@14.16.1): /@wordpress/stylelint-config@21.36.0(postcss@8.4.32)(stylelint@13.13.1):
resolution: {integrity: sha512-PlvXzYgjn7OUaVTy2bahSr6oL/eu1OdRWxrZfGVNxF4jRswND/ThqOEHIzxETNGTe0ggZOyY+40St4Swlo1zZQ==} resolution: {integrity: sha512-P2Bg+Aq0jKR76wmFaNY1a4iInP/+z5+QauPD+StoHksWKvfjkYpqZ3dDLaGHucFDFF6I4UAgsDO8Avt7Q1Tl0w==}
engines: {node: '>=14'}
peerDependencies:
stylelint: ^14.2
dependencies:
stylelint: 13.13.1
stylelint-config-recommended: 6.0.0(stylelint@13.13.1)
stylelint-config-recommended-scss: 5.0.2(postcss@8.4.32)(stylelint@13.13.1)
transitivePeerDependencies:
- postcss
dev: true
/@wordpress/stylelint-config@21.36.0(postcss@8.4.32)(stylelint@13.8.0):
resolution: {integrity: sha512-P2Bg+Aq0jKR76wmFaNY1a4iInP/+z5+QauPD+StoHksWKvfjkYpqZ3dDLaGHucFDFF6I4UAgsDO8Avt7Q1Tl0w==}
engines: {node: '>=14'}
peerDependencies:
stylelint: ^14.2
dependencies:
stylelint: 13.8.0
stylelint-config-recommended: 6.0.0(stylelint@13.8.0)
stylelint-config-recommended-scss: 5.0.2(postcss@8.4.32)(stylelint@13.8.0)
transitivePeerDependencies:
- postcss
dev: true
/@wordpress/stylelint-config@21.36.0(postcss@8.4.32)(stylelint@14.16.1):
resolution: {integrity: sha512-P2Bg+Aq0jKR76wmFaNY1a4iInP/+z5+QauPD+StoHksWKvfjkYpqZ3dDLaGHucFDFF6I4UAgsDO8Avt7Q1Tl0w==}
engines: {node: '>=14'} engines: {node: '>=14'}
peerDependencies: peerDependencies:
stylelint: ^14.2 stylelint: ^14.2
@ -43504,7 +43518,7 @@ packages:
dependencies: dependencies:
htmlparser2: 3.10.1 htmlparser2: 3.10.1
postcss: 7.0.39 postcss: 7.0.39
postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) postcss-syntax: 0.36.2(postcss@8.4.32)
dev: true dev: true
/postcss-less@3.1.4: /postcss-less@3.1.4:
@ -44099,7 +44113,7 @@ packages:
svgo: 2.8.0 svgo: 2.8.0
dev: true dev: true
/postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39): /postcss-syntax@0.36.2(postcss@8.4.32):
resolution: {integrity: sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==} resolution: {integrity: sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==}
peerDependencies: peerDependencies:
postcss: '>=5.0.0' postcss: '>=5.0.0'
@ -44120,10 +44134,7 @@ packages:
postcss-scss: postcss-scss:
optional: true optional: true
dependencies: dependencies:
postcss: 7.0.39 postcss: 8.4.32
postcss-html: 0.36.0(postcss-syntax@0.36.2)(postcss@7.0.39)
postcss-less: 3.1.4
postcss-scss: 2.1.1
dev: true dev: true
/postcss-unique-selectors@4.0.1: /postcss-unique-selectors@4.0.1:
@ -48495,15 +48506,30 @@ packages:
stylelint-scss: 3.21.0(stylelint@13.13.1) stylelint-scss: 3.21.0(stylelint@13.13.1)
dev: true dev: true
/stylelint-config-recommended-scss@4.3.0(stylelint-scss@3.21.0)(stylelint@13.8.0): /stylelint-config-recommended-scss@5.0.2(postcss@8.4.32)(stylelint@13.13.1):
resolution: {integrity: sha512-/noGjXlO8pJTr/Z3qGMoaRFK8n1BFfOqmAbX1RjTIcl4Yalr+LUb1zb9iQ7pRx1GsEBXOAm4g2z5/jou/pfMPg==} resolution: {integrity: sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==}
peerDependencies: peerDependencies:
stylelint: ^10.1.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 stylelint: ^14.0.0
stylelint-scss: ^3.0.0
dependencies: dependencies:
postcss-scss: 4.0.9(postcss@8.4.32)
stylelint: 13.13.1
stylelint-config-recommended: 6.0.0(stylelint@13.13.1)
stylelint-scss: 4.7.0(stylelint@13.13.1)
transitivePeerDependencies:
- postcss
dev: true
/stylelint-config-recommended-scss@5.0.2(postcss@8.4.32)(stylelint@13.8.0):
resolution: {integrity: sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg==}
peerDependencies:
stylelint: ^14.0.0
dependencies:
postcss-scss: 4.0.9(postcss@8.4.32)
stylelint: 13.8.0 stylelint: 13.8.0
stylelint-config-recommended: 5.0.0(stylelint@13.8.0) stylelint-config-recommended: 6.0.0(stylelint@13.8.0)
stylelint-scss: 3.21.0(stylelint@13.8.0) stylelint-scss: 4.7.0(stylelint@13.8.0)
transitivePeerDependencies:
- postcss
dev: true dev: true
/stylelint-config-recommended-scss@5.0.2(postcss@8.4.32)(stylelint@14.16.1): /stylelint-config-recommended-scss@5.0.2(postcss@8.4.32)(stylelint@14.16.1):
@ -48527,14 +48553,6 @@ packages:
stylelint: 13.13.1 stylelint: 13.13.1
dev: true dev: true
/stylelint-config-recommended@3.0.0(stylelint@13.8.0):
resolution: {integrity: sha512-F6yTRuc06xr1h5Qw/ykb2LuFynJ2IxkKfCMf+1xqPffkxh0S09Zc902XCffcsw/XMFq/OzQ1w54fLIDtmRNHnQ==}
peerDependencies:
stylelint: '>=10.1.0'
dependencies:
stylelint: 13.8.0
dev: true
/stylelint-config-recommended@5.0.0(stylelint@13.13.1): /stylelint-config-recommended@5.0.0(stylelint@13.13.1):
resolution: {integrity: sha512-c8aubuARSu5A3vEHLBeOSJt1udOdS+1iue7BmJDTSXoCBmfEQmmWX+59vYIj3NQdJBY6a/QRv1ozVFpaB9jaqA==} resolution: {integrity: sha512-c8aubuARSu5A3vEHLBeOSJt1udOdS+1iue7BmJDTSXoCBmfEQmmWX+59vYIj3NQdJBY6a/QRv1ozVFpaB9jaqA==}
peerDependencies: peerDependencies:
@ -48543,10 +48561,18 @@ packages:
stylelint: 13.13.1 stylelint: 13.13.1
dev: true dev: true
/stylelint-config-recommended@5.0.0(stylelint@13.8.0): /stylelint-config-recommended@6.0.0(stylelint@13.13.1):
resolution: {integrity: sha512-c8aubuARSu5A3vEHLBeOSJt1udOdS+1iue7BmJDTSXoCBmfEQmmWX+59vYIj3NQdJBY6a/QRv1ozVFpaB9jaqA==} resolution: {integrity: sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==}
peerDependencies: peerDependencies:
stylelint: ^13.13.0 stylelint: ^14.0.0
dependencies:
stylelint: 13.13.1
dev: true
/stylelint-config-recommended@6.0.0(stylelint@13.8.0):
resolution: {integrity: sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw==}
peerDependencies:
stylelint: ^14.0.0
dependencies: dependencies:
stylelint: 13.8.0 stylelint: 13.8.0
dev: true dev: true
@ -48586,20 +48612,6 @@ packages:
stylelint: 13.13.1 stylelint: 13.13.1
dev: true dev: true
/stylelint-scss@3.21.0(stylelint@13.8.0):
resolution: {integrity: sha512-CMI2wSHL+XVlNExpauy/+DbUcB/oUZLARDtMIXkpV/5yd8nthzylYd1cdHeDMJVBXeYHldsnebUX6MoV5zPW4A==}
engines: {node: '>=8'}
peerDependencies:
stylelint: ^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0
dependencies:
lodash: 4.17.21
postcss-media-query-parser: 0.2.3
postcss-resolve-nested-selector: 0.1.1
postcss-selector-parser: 6.0.13
postcss-value-parser: 4.2.0
stylelint: 13.8.0
dev: true
/stylelint-scss@3.21.0(stylelint@14.16.1): /stylelint-scss@3.21.0(stylelint@14.16.1):
resolution: {integrity: sha512-CMI2wSHL+XVlNExpauy/+DbUcB/oUZLARDtMIXkpV/5yd8nthzylYd1cdHeDMJVBXeYHldsnebUX6MoV5zPW4A==} resolution: {integrity: sha512-CMI2wSHL+XVlNExpauy/+DbUcB/oUZLARDtMIXkpV/5yd8nthzylYd1cdHeDMJVBXeYHldsnebUX6MoV5zPW4A==}
engines: {node: '>=8'} engines: {node: '>=8'}
@ -48614,6 +48626,30 @@ packages:
stylelint: 14.16.1 stylelint: 14.16.1
dev: true dev: true
/stylelint-scss@4.7.0(stylelint@13.13.1):
resolution: {integrity: sha512-TSUgIeS0H3jqDZnby1UO1Qv3poi1N8wUYIJY6D1tuUq2MN3lwp/rITVo0wD+1SWTmRm0tNmGO0b7nKInnqF6Hg==}
peerDependencies:
stylelint: ^14.5.1 || ^15.0.0
dependencies:
postcss-media-query-parser: 0.2.3
postcss-resolve-nested-selector: 0.1.1
postcss-selector-parser: 6.0.13
postcss-value-parser: 4.2.0
stylelint: 13.13.1
dev: true
/stylelint-scss@4.7.0(stylelint@13.8.0):
resolution: {integrity: sha512-TSUgIeS0H3jqDZnby1UO1Qv3poi1N8wUYIJY6D1tuUq2MN3lwp/rITVo0wD+1SWTmRm0tNmGO0b7nKInnqF6Hg==}
peerDependencies:
stylelint: ^14.5.1 || ^15.0.0
dependencies:
postcss-media-query-parser: 0.2.3
postcss-resolve-nested-selector: 0.1.1
postcss-selector-parser: 6.0.13
postcss-value-parser: 4.2.0
stylelint: 13.8.0
dev: true
/stylelint-scss@4.7.0(stylelint@14.16.1): /stylelint-scss@4.7.0(stylelint@14.16.1):
resolution: {integrity: sha512-TSUgIeS0H3jqDZnby1UO1Qv3poi1N8wUYIJY6D1tuUq2MN3lwp/rITVo0wD+1SWTmRm0tNmGO0b7nKInnqF6Hg==} resolution: {integrity: sha512-TSUgIeS0H3jqDZnby1UO1Qv3poi1N8wUYIJY6D1tuUq2MN3lwp/rITVo0wD+1SWTmRm0tNmGO0b7nKInnqF6Hg==}
peerDependencies: peerDependencies:
@ -48666,7 +48702,7 @@ packages:
postcss-sass: 0.4.4 postcss-sass: 0.4.4
postcss-scss: 2.1.1 postcss-scss: 2.1.1
postcss-selector-parser: 6.0.13 postcss-selector-parser: 6.0.13
postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) postcss-syntax: 0.36.2(postcss@8.4.32)
postcss-value-parser: 4.2.0 postcss-value-parser: 4.2.0
resolve-from: 5.0.0 resolve-from: 5.0.0
slash: 3.0.0 slash: 3.0.0
@ -48725,7 +48761,7 @@ packages:
postcss-sass: 0.4.4 postcss-sass: 0.4.4
postcss-scss: 2.1.1 postcss-scss: 2.1.1
postcss-selector-parser: 6.0.13 postcss-selector-parser: 6.0.13
postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) postcss-syntax: 0.36.2(postcss@8.4.32)
postcss-value-parser: 4.2.0 postcss-value-parser: 4.2.0
resolve-from: 5.0.0 resolve-from: 5.0.0
slash: 3.0.0 slash: 3.0.0