@bedrock-layout/css-reset
A CSS Reset that compliments well with the Bedrock Layout Primitives
Full docs at: bedrock-layout.dev
When to Use
When you don't have your own CSS reset.
How to install
npm install @bedrock-layout/css-reset
Usage
CSS Mixin
The reset mixin is best used at the beginning of your global style
import { reset } from "@bedrock-layout/css-reset";
const GlobalStyles = createGlobalStyle`
${reset}
`;GlobalStyle
The GlobalStyle component is used when you don't have your own global styles to use
import { GlobalStyles } from "@bedrock-layout/css-reset";
const App = () => {
return (
<div>
<GlobalStyles />
{/* The rest of the component */}
</div>
);
};CSS Stylesheet
You can also just bring in the CSS Stylesheet directly from the lib folder:
import "@bedrock-layout/css/lib/reset.css";
/* or import the minified version */
import "@bedrock-layout/css/lib/reset.min.css";