Merge pull request #1 from alphagov/pseudo-element-colon

Require single colons for pseudo-element rules

README.md

@@ -19,7 +19,7 @@ common at GDS) however the CSS rules can be used alone.
 To add this to your project, install stylelint and this module:
 
 ```bash
-npm install --save-dev stylelint styelint-config-gds@0.1.0-pre.1
+npm install --save-dev stylelint styelint-config-gds@0.1.0-pre.2
 ```
 
 You then need to [configure](https://stylelint.io/user-guide/configure)

css.js

@@ -104,6 +104,12 @@ module.exports = {
         ignore: ['attribute']
       }
     ],
+    // Require single colons for defining pseudo-elements
+    // IE8 and below do not support the modern double colon approach. Although
+    // few projects support IE8, we'd prefer to not exclude compatibility for
+    // purely syntactic reasons.
+    // https://stylelint.io/user-guide/rules/selector-pseudo-element-colon-notation
+    'selector-pseudo-element-colon-notation': 'single',
     // Disallow redundant properties in rules (for example: margin: 1px 1px 1px;)
     // https://stylelint.io/user-guide/rules/shorthand-property-no-redundant-values
     // Originates from: https://github.com/alphagov/govuk-frontend/blob/e248b4027102b2684f592a0501630075bdfa1fab/config/.sass-lint.yml#L436

package.json

@@ -1,14 +1,17 @@
 {
   "name": "stylelint-config-gds",
-  "version": "0.1.0-pre.1",
+  "version": "0.1.0-pre.2",
   "description": "A work-in-progress Stylelint configuration for the UK Government Digital Service.",
   "main": "scss.js",
   "scripts": {
     "pretest": "npm run lint",
     "test": "jest",
     "lint": "standard"
   },
-  "files": ["scss.js", "css.js"],
+  "files": [
+    "scss.js",
+    "css.js"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/alphagov/stylelint-config-gds.git"