RoughCss

Like RoughJS but with CSS and HTML instead of JS and SVG.

Install

From github:

npm i github:douganderson444/rough-css

Usage

Svelte:

See ./src/routes/+page.svelte and index.svx

<script>
	// ./src/routes/+page.svelte
	import { RoughBox, RoughUnderline } from '@douganderson444/rough-css';
</script>

<RoughBox contenteditable={true}>
	Hello
	<div slot="boxinner" style="padding:4px">World</div>
	<p contenteditable>This is all CSS! Edit me!</p>
    ```
    contenteditable={true}
    ```
</RoughBox>

<RoughBox>
	<RoughUnderline>@DougAnderson444</RoughUnderline>
	<div slot="boxinner" style="background:#1DA1F2; color:white; padding:4px">Twitter</div>
</RoughBox>

Packaging

npm run package
npm publish