https://github.com/srm985/css-reset
A CSS reset intending to help combat unwanted environment styles applied to your vacuum-developed components.
https://github.com/srm985/css-reset
css normalize normalize-css reset reset-css sass scss
Last synced: 4 months ago
JSON representation
A CSS reset intending to help combat unwanted environment styles applied to your vacuum-developed components.
- Host: GitHub
- URL: https://github.com/srm985/css-reset
- Owner: srm985
- License: mit
- Created: 2017-09-28T19:57:41.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-29T01:05:10.000Z (over 8 years ago)
- Last Synced: 2024-12-28T08:11:28.844Z (about 1 year ago)
- Topics: css, normalize, normalize-css, reset, reset-css, sass, scss
- Language: CSS
- Size: 49.8 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CSS Reset
A CSS reset intending to help combat unwanted environment attributes applied to your vacuum-developed components.
Many times I generate components or features in a vacuum to cut down development time when I'd otherwise have to set up local instances of complex environments. Once the components are deployed within the environment, I often find that unwanted CSS attributes have been applied. These typically come from the environment's master style guide or loaded frameworks. In well-designed applications this shouldn't be an issue - as you'll be adhering to the style guide but I've found in many legacy applications that the style guide is outdated and counterproductive to the features I'm trying to implement. Other times, I know that a component might be used in many different environments and I simply don't want to risk dealing with any of the parent's styling leaking into my component.
I created this simple reset to combat those issues mentioned above. The source for this reset comes from the default CSS attributes used to render markup in Chrome. I can't guarantee it's completely inclusive, but if you do find missing attributes, just let me know!
## Installation / Running
Install [Node.js](https://nodejs.org/en/download/)
Install [Ruby](https://rubyinstaller.org/)
Update npm to the latest version.
```sh
$ npm install npm@latest -g
```
Install node_modules.
```sh
$ npm install
```
From the root directory, you can issue the following command. This will build your customized version of reset.css and place it in the /web directory.
```sh
$ gulp build
```