diff --git a/.changeset/itchy-forks-shop.md b/.changeset/itchy-forks-shop.md new file mode 100644 index 000000000..e21e0b71d --- /dev/null +++ b/.changeset/itchy-forks-shop.md @@ -0,0 +1,5 @@ +--- +"@ebay/skin": patch +--- + +Use older CSS syntax diff --git a/.stylelintrc b/.stylelintrc index 94ef7bc5a..911727a78 100644 --- a/.stylelintrc +++ b/.stylelintrc @@ -13,6 +13,7 @@ ], "rules": { "comment-empty-line-before": null, + "selector-not-notation": null, "no-descending-specificity": null, "no-duplicate-selectors": null, "rule-empty-line-before": null, diff --git a/dist/textbox/textbox.css b/dist/textbox/textbox.css index 27afe29cf..bee6a2b75 100644 --- a/dist/textbox/textbox.css +++ b/dist/textbox/textbox.css @@ -25,8 +25,7 @@ padding: 0; } .textbox--focus, -.textbox:has(> .textbox__control:focus):not( - .textbox--readonly, +.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not( :has(> .textbox__control[readonly]) ) { background-color: var( diff --git a/src/sass/textbox/textbox.scss b/src/sass/textbox/textbox.scss index fff6a4c88..54077b92b 100644 --- a/src/sass/textbox/textbox.scss +++ b/src/sass/textbox/textbox.scss @@ -33,8 +33,7 @@ /* `.textbox--focus` should be removed after full browser support for `:has` */ .textbox--focus, -.textbox:has(> .textbox__control:focus):not( - .textbox--readonly, +.textbox:has(> .textbox__control:focus):not(.textbox--readonly):not( :has(> .textbox__control[readonly]) ) { box-shadow: 0 0 0 1px var(--color-stroke-strong);