danilowoz / Wipe.css
🚿 Dear Dev, stop suffering and resetting styles for every new project. Wipe.css is a library to reset default styles with some opinionated and great changes, that you'll love or not.
Stars: ✭ 106
Projects that are alternatives of or similar to Wipe.css
resetusb
List USB devices and reset a USB device from the command line
Stars: ✭ 79 (-25.47%)
Mutual labels: reset
Destyle.css
Opinionated reset stylesheet that provides a clean styling slate for your project.
Stars: ✭ 499 (+370.75%)
Mutual labels: reset
Reset Css
An unmodified* copy of Eric Meyer's CSS reset. PostCSS, webpack, Sass, and Less friendly.
Stars: ✭ 244 (+130.19%)
Mutual labels: reset
django-reset-password
This project is an implementation example for reset password of django
Stars: ✭ 21 (-80.19%)
Mutual labels: reset
A11y Css Reset
A small set of global rules to make things accessible and reset default styling
Stars: ✭ 250 (+135.85%)
Mutual labels: reset
vertical-rhythm-reset
A Sass/SCSS library for responsive vertical rhythm grids, modular scale typography, and CSS normalization.
Stars: ✭ 65 (-38.68%)
Mutual labels: reset
Reseter.css
Reseter.css - A Futuristic CSS Reset/Normalizer
Stars: ✭ 225 (+112.26%)
Mutual labels: reset
Boilerform
Boilerform is a little HTML and CSS boilerplate to take the pain away from working with forms.
Stars: ✭ 679 (+540.57%)
Mutual labels: reset
Core Reset
A CSS reset that reduces all elements to their most basic forms
Stars: ✭ 193 (+82.08%)
Mutual labels: reset
html5-kitchen-sink
🚰 Sample markup containing all HTML5 elements for jumpstarting/testing css
Stars: ✭ 290 (+173.58%)
Mutual labels: reset
Styled Reset
Eric Meyer's Reset CSS for styled-components
Stars: ✭ 305 (+187.74%)
Mutual labels: reset
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
$ yarn add wipe.css
or
$ npm install wipe.css
How to Use
Pure HTML
<head>
...
<link href="./wipe.css" rel="stylesheet" type="text/css" />
</head>
Pure CSS
@import 'wipe.css';
Styled Components
import wipeCSS from 'wipe.css'
import { createGlobalStyle } from 'styled-components'
export const GlobalStyle = createGlobalStyle`
${wipeCSS}
`
Based on:
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].