diff --git a/README.md b/README.md index cfa2d33..633eba3 100644 --- a/README.md +++ b/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. diff --git a/bower.json b/bower.json deleted file mode 100644 index 1ddd3ab..0000000 --- a/bower.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "name": "miux-reset", - "description": "Simple reset styles", - "main": "reset.scss", - "authors": [ - "Andrew Jelley (https://jelley.fish)", - "Marc Wieland (https://marcwieland.name)" - ], - "license": "ISC", - "keywords": [ - "reset", - "scss", - "style", - "lightweight", - "simple", - "kiss" - ], - "homepage": "http://miux.ch" -} diff --git a/package.json b/package.json index abf426a..097f5c7 100644 --- a/package.json +++ b/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" } diff --git a/reset.scss b/reset.css similarity index 84% rename from reset.scss rename to reset.css index 52d954e..42b1c28 100644 --- a/reset.scss +++ b/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,