https://github.com/douganderson444/rough-css

Make your CSS a little rough around the edges
https://github.com/douganderson444/rough-css

Last synced: 3 months ago
JSON representation

Make your CSS a little rough around the edges

• Host: GitHub
• URL: https://github.com/douganderson444/rough-css
• Owner: DougAnderson444
• Created: 2022-09-16T10:31:38.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-10T13:57:47.000Z (about 1 year ago)
• Last Synced: 2025-02-26T04:37:22.575Z (3 months ago)
• Language: Svelte
• Homepage: https://douganderson444.github.io/rough-css/
• Size: 868 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# RoughCss

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

![Alt text](./example.png 'Example RoughCSS usage')

# Install

From github:

```

npm i github:douganderson444/rough-css

```

# Usage

Svelte:

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

```svelte

	// ./src/routes/+page.svelte

	import { RoughBox, RoughUnderline } from '@douganderson444/rough-css';

	Hello

	
World

	
This is all CSS! Edit me!

    ```

    contenteditable={true}

    ```


	@DougAnderson444

	
Twitter


```

## Packaging

```bash

npm run package

npm publish

```