@dabapps/roe
Version:
A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.
29 lines (24 loc) • 739 B
Markdown
#### Example
```js
import { SpacedGroup, Badge } from '@dabapps/roe';
<SpacedGroup block>
<Badge>1.00</Badge>
<Badge>Default</Badge>
<Badge className="primary">Primary</Badge>
<Badge className="secondary">Secondary</Badge>
<Badge className="tertiary">Tertiary</Badge>
<Badge className="info">Info</Badge>
<Badge className="success">Success</Badge>
<Badge className="warning">Warning</Badge>
<Badge className="error">Error</Badge>
</SpacedGroup>;
```
#### Less variables
```css
-font-size: -size-small;
-line-height: 1.5;
-border-radius: unit(-line-height / 2, em);
-background-default: -lighter;
-text-color-light: -lightest;
-text-color-dark: -dark;
```