Change from SCSS to plain CSS

README.md

@@ -2,28 +2,50 @@
 These are simple reset styles to get started on your next frontend project. It uses ideas from all major resets stylesheets like [Eric Meyers Reset](http://meyerweb.com/eric/tools/css/reset/) and [html5doctor.com Reset Stylesheet](http://html5doctor.com/html-5-reset-stylesheet/), but just includes the absolute necessary styles.
 
 ## Package Manager
-The package is available on [Bower](https://bower.io/) and [npm](https://www.npmjs.com/).
+The package is available [npm](https://www.npmjs.com/).
 
-### NPM
-Add package to your package.json file by typing this command into your terminal:
+Add the package to your package.json file by typing this command into your terminal:
+
+#### NPM
 ```
 npm install miux-reset --save
 ```
+
+#### Yarn
+```
+yarn add miux-reset
+```
+
 ... or add the following line inside 'dependencies'to your package.json:
 ```
-"miux-reset": "^1.0.0"
+"miux-reset": "^2.0.0"
 ```
 
-### Bower
-Add package to your bower.json file by typing this command into your terminal:
+## Usage
+### SCSS/CSS
 ```
-bower install miux-reset --save
+import '../../node_modules/miux-reset/reset.css';
+/* other imports and more styles */
 ```
-... or add the following line inside 'dependencies'to your bower.json:
+
+### Styled Components (React)
 ```
-"miux-reset": "^1.0.0"
+import miuxReset from "miux-reset";
+
+const GlobalStyle = createGlobalStyle`
+  ${miuxReset}
+  /* other styles */
+`;
 ```
 
+## Version
+### 1.0.0
+- Reset styles based on SCSS
+
+### 2.0.0
+- Plain CSS file for easy import and usage everywhere
+- Stripped bower support
+
 ## Contributor
 [Miux](http://miux.ch) is a small agency in Chur, the eastern part of Switzerland.
 

package.json

@@ -1,8 +1,9 @@
 {
   "name": "miux-reset",
-  "version": "1.0.0",
-  "description": "Simple reset styles",
-  "main": "reset.scss",
+  "version": "2.0.0",
+  "description": "Simple reset styles based on plain CSS",
+  "main": "reset.css",
+  "style": "reset.css",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -13,6 +14,7 @@
   "keywords": [
     "reset",
     "scss",
+    "css",
     "style",
     "lightweight",
     "simple",
@@ -23,8 +25,6 @@
     "Marc Wieland (https://marcwieland.name)"
   ],
   "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/miux/reset/issues"
-  },
-  "homepage": "http://miux.ch"
+  "bugs": "https://github.com/miux/reset/issues",
+  "homepage": "https://miux.ch"
 }

reset.scss → reset.css

@@ -13,18 +13,18 @@ html, body {
 }
 
 html {
+	height: 100%;
 	box-sizing: border-box;
 	overflow-y: scroll;
 	font-size: 100%;
 	line-height: 1.25;
-	color: rgb(0, 0, 0);
+	color: rgb(0,0,0);
 	text-size-adjust: none;
 	text-rendering: optimizeLegibility;
-	//-webkit-font-smoothing: antialiased;
-	//-moz-osx-font-smoothing: grayscale;
 }
 
 body {
+	min-height: 100%;
 	font-variant-ligatures: no-common-ligatures;
 }
 
@@ -75,11 +75,11 @@ strong {
 
 a {
 	text-decoration: none;
-	
-	// remove border on IE
-	img {
-		border: none;
-	}
+}
+
+/* remove border on IE */
+a img {
+	border: none;
 }
 
 button,