stylelint: Enable selector-pseudo-element-colon-notation

Via stylelint --fix

Change-Id: I77f14cac83e4422c7962339d1177da9e65b6a28e
This commit is contained in:
Umherirrender
2023-03-30 01:03:16 +02:00
parent fcba642756
commit e464c5ab31
4 changed files with 10 additions and 11 deletions

View File

@@ -1,7 +1,6 @@
{ {
"extends": "stylelint-config-wikimedia", "extends": "stylelint-config-wikimedia",
"rules": { "rules": {
"declaration-property-unit-disallowed-list": null, "declaration-property-unit-disallowed-list": null
"selector-pseudo-element-colon-notation": null
} }
} }

View File

@@ -10,8 +10,8 @@
// override grid styles, as we use flexbox here // override grid styles, as we use flexbox here
&.row { &.row {
&:before, &::before,
&:after { &::after {
content: none; content: none;
} }
} }

View File

@@ -1,8 +1,8 @@
// Generate a caret by embedding in the callout. // Generate a caret by embedding in the callout.
// Expects callout to have either selector-right or selecter-left class on it to determine directionality. // Expects callout to have either selector-right or selecter-left class on it to determine directionality.
.caret() { .caret() {
&:before, &::before,
&:after { &::after {
border-top: 10px solid transparent; border-top: 10px solid transparent;
border-bottom: 10px solid transparent; border-bottom: 10px solid transparent;
display: inline-block; display: inline-block;
@@ -13,14 +13,14 @@
} }
&.selector-right { &.selector-right {
&:before { &::before {
/* @noflip */ /* @noflip */
border-left: 10px solid #c8ccd1; border-left: 10px solid #c8ccd1;
/* @noflip */ /* @noflip */
right: -11px; right: -11px;
} }
&:after { &::after {
/* @noflip */ /* @noflip */
border-left: 10px solid #fff; border-left: 10px solid #fff;
/* @noflip */ /* @noflip */
@@ -29,14 +29,14 @@
} }
&.selector-left { &.selector-left {
&:before { &::before {
/* @noflip */ /* @noflip */
border-right: 10px solid #c8ccd1; border-right: 10px solid #c8ccd1;
/* @noflip */ /* @noflip */
left: -11px; left: -11px;
} }
&:after { &::after {
/* @noflip */ /* @noflip */
border-right: 10px solid #fff; border-right: 10px solid #fff;
/* @noflip */ /* @noflip */

View File

@@ -37,7 +37,7 @@
padding-left: 0; padding-left: 0;
// Putting the icon in before in order to apply `opacity`. // Putting the icon in before in order to apply `opacity`.
&:before { &::before {
content: ''; content: '';
background-image: url( ../../lib/jquery.uls/images/language.svg ); background-image: url( ../../lib/jquery.uls/images/language.svg );
// Same values as Vector's `#pt-userpage a`. // Same values as Vector's `#pt-userpage a`.