0.4.4 • Published 3 years ago
tonami v0.4.4
Tonami
CSS-in-JS library with a familiar API that uses CSS custom properties under the hood
🚨 Warning
Until we reach v1.0.0 the API still may change.
Get Started
yarn add tonami
Documentation
Example
import { createTokens, styled, createGlobalStyle } from "tonami";
const theme = createTokens({
fontFamily: "Helvetica",
borderRadius: "3px",
});
const Global = createGlobalStyle({
html: {
fontFamily: theme.fontFamily,
},
});
const Banner = styled.div({
borderRadius: theme.borderRadius,
backgroundColor: ({ $color }) => $color,
});
const { Tokens } = theme;
function App() {
return (
<>
<Tokens />
<Global />
<Banner $color="lightgreen">Welcome!</Banner>
</>
);
}
Issues
Please file an issue for bugs or unexpected behavior.
Feature Requests
Please file an issue to suggest new features. Vote on feature requests by adding a 👍.
License
MIT
0.4.4
3 years ago
0.4.3
3 years ago
0.4.2
3 years ago
0.4.2-beta.0
3 years ago
0.4.1-beta.2
3 years ago
0.4.1-beta.1
3 years ago
0.4.1-beta.0
3 years ago
0.4.1
3 years ago
0.4.0-beta.7
3 years ago
0.4.0
3 years ago
0.4.0-beta.0
3 years ago
0.4.0-beta.1
3 years ago
0.4.0-beta.2
3 years ago
0.4.0-beta.3
3 years ago
0.4.0-beta.4
3 years ago
0.4.0-beta.5
3 years ago
0.4.0-beta.6
3 years ago
0.3.2-beta.1
3 years ago
0.3.2-beta.0
3 years ago
0.3.0
3 years ago
0.3.2
3 years ago
0.3.1
3 years ago
0.3.2-beta.2
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.0.12
3 years ago
0.1.0
3 years ago
0.0.10
3 years ago
0.0.11
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago