https://github.com/danilowoz/wipe.css

🚿 Stop suffering and resetting styles for every new project. This is a library to reset default styles with some opinionated changes, that you might love (or not).
https://github.com/danilowoz/wipe.css

css reset reset-css

Last synced: 12 days ago
JSON representation

🚿 Stop suffering and resetting styles for every new project. This is a library to reset default styles with some opinionated changes, that you might love (or not).

• Host: GitHub
• URL: https://github.com/danilowoz/wipe.css
• Owner: danilowoz
• Created: 2018-03-23T23:25:39.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-11-26T11:27:02.000Z (almost 4 years ago)
• Last Synced: 2024-09-15T15:24:36.556Z (about 2 months ago)
• Topics: css, reset, reset-css
• Language: CSS
• Homepage:
• Size: 12.7 KB
• Stars: 113
• Watchers: 8
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Wipe.css

It's a CSS library to reset default styles with some opinionated changes.

* **Reset block margins:** from every elements;

* **Reset the headings** and set a default font style on body;

* **Remove unncessary styles:** such as: background repeat, list styles, etc;

* **Reset form fields:** buttons and inputs looks the same now, in so any styles;

* **Prevent chrome autofill style:** remove that yellow box on fields;

* **Border-box box sizing:** so that borders and paddings don't affect the set dimensions;

* **Responsive media:** images with right size;

## Install

```sh

$ yarn add wipe.css

```

or

```sh

$ npm install wipe.css

```

## How to Use

Pure HTML



```html



  ...

  


```

Pure CSS



```css

@import 'wipe.css';

```



Styled Components



```js

import wipeCSS from 'wipe.css'

import { createGlobalStyle } from 'styled-components'

export const GlobalStyle = createGlobalStyle`

  ${wipeCSS}

`

```



## Based on:

[sanitize.css](https://github.com/jonathantneal/sanitize.css)

[normalize.css](https://github.com/necolas/normalize.css)