Skip to content
Snippets Groups Projects
README.md 754 B
Newer Older
Louis's avatar
Louis committed

Barbi is a neo-brutalist web framework for Svelte, so named after famous brutalist structure The Barbican, in London, England.
Louis's avatar
Louis committed

Louis's avatar
Louis committed

`npm install barbi@placeholder`
Louis's avatar
Louis committed

Louis's avatar
Louis committed

Louis's avatar
Louis committed

To ensure component styling, include the `<BarbiTheme />` component in your application. This includes two style tags:
a basic css reset and a definition for the css variables used by the rest of the framework. The reset can be omitted by
setting the `no-reset` prop on the theme component. Individual variables can be set to custom values by including them
as props.
Louis's avatar
Louis committed

```sveltehtml
<script>
  import { BarbiTheme } from 'barbi'
</script>
Louis's avatar
Louis committed

<BarbiTheme no-reset colour-primary="#FF0000"  />
<!-- Rest of the app -->
Louis's avatar
Louis committed
```