@douganderson444/rough-css
v0.0.6
Published
Like `RoughJS` but with `CSS` and `HTML` instead of `JS` and `SVG`.
Downloads
82
Readme
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