Close #25 PR: Add SCSS support.

index.js

@@ -1,7 +1,9 @@
 /** @babel */
+import path from 'path';
 import postcss from 'postcss';
 import autoprefixer from 'autoprefixer';
 import postcssSafeParser from 'postcss-safe-parser';
+import postcssScssParser from 'postcss-scss';
 
 function init() {
 	const editor = atom.workspace.getActiveTextEditor();
@@ -12,13 +14,21 @@ function init() {
 
 	const selectedText = editor.getSelectedText();
 	const text = selectedText || editor.getText();
+	const filePath = editor.getPath();
+	let postcssParser = postcssScssParser;
+
+	if (filePath && path.extname(filePath).toLowerCase() === '.css') {
+		postcssParser = postcssSafeParser;
+	}
 
 	postcss(autoprefixer(atom.config.get('autoprefixer'))).process(text, {
-		parser: postcssSafeParser
+		parser: postcssParser
 	}).then(result => {
 		result.warnings().forEach(x => {
 			console.warn(x.toString());
-			atom.notifications.addWarning('Autoprefixer', {detail: x.toString()});
+			atom.notifications.addWarning('Autoprefixer', {
+				detail: x.toString()
+			});
 		});
 
 		const cursorPosition = editor.getCursorBufferPosition();
@@ -36,7 +46,9 @@ function init() {
 		}
 
 		console.error(err);
-		atom.notifications.addError('Autoprefixer', {detail: err.message});
+		atom.notifications.addError('Autoprefixer', {
+			detail: err.message
+		});
 	});
 }
 

package.json

@@ -25,9 +25,10 @@
     "prefixer"
   ],
   "dependencies": {
-    "autoprefixer": "^6.0.0",
-    "postcss": "^5.0.4",
-    "postcss-safe-parser": "^1.0.1"
+    "autoprefixer": "^6.3.1",
+    "postcss": "^5.0.14",
+    "postcss-safe-parser": "^1.0.4",
+    "postcss-scss": "^0.1.3"
   },
   "devDependencies": {
     "xo": "*"

readme.md

@@ -1,6 +1,6 @@
 # autoprefixer
 
-> Prefix CSS with [Autoprefixer](https://github.com/ai/autoprefixer)
+> Prefix CSS or SCSS with [Autoprefixer](https://github.com/ai/autoprefixer)
 
 
 ## Install

test.scss

@@ -0,0 +1,5 @@
+div {
+	&:hover {
+		display: flex;
+	}
+}