A tool made for React.js to clean up CSS default styling
CSS Maid
A tool made for React.js to clean up CSS default styling! Give your CSS a nice reset and style with less hassle!
What is it?
CSS Maid is a tool for React.js that helps clean up & reset default css! It resets default padding, remove text-decoration on <a> tag, and many more! This tool was built using emotion & typescript!
Installation
# install with npm
npm i css-maid
# install with yarn
yarn add css-maid
Quick Start
- Javascript
import Maid from 'css-maid'
const App = () => {
return (
<div>
<a href='#'>Hello World!</a>
<ul>
<li>React</li>
<li>CSS</li>
<li>Maid</li>
</ul>
<Maid />
</div>
)
}
- TypeScript
import React from 'react'
import Maid from 'css-maid'
const App: React.FC = () => {
return (
<div>
<a href='#'>Hello World!</a>
<ul>
<li>React</li>
<li>CSS</li>
<li>Maid</li>
</ul>
<Maid />
</div>
)
}
Features
* {
padding: 0;
margin: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
font-family: inherit;
}
body {
line-height: 1;
}
a {
text-decoration: none;
}
ol, ul {
list-style: none;
}
input, textarea {
outline: none;
}
textarea {
resize: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}