0.10.4 • Published 1 year ago
@kaze-style/build-man v0.10.4
Features
- Build - can choose when to extract css (build time & run time)
- TypeScript - Type-safe styles via csstype
- Minimal - 0.3kb runtime by build time extract
- Merge - Style merging ignoring css specificity
- Theme - Consistent styling using "@kaze-style/themes"
Example
import { createStyle, createGlobalStyle, mergeStyle } from '@kaze-style/react';
createGlobalStyle({
html: {
lineHeight: '1.5',
},
});
const classes = createStyle({
container: {
margin: '20px',
},
base: {
color: 'red',
background: 'black',
},
action: {
color: 'blue',
},
});
export const App = ({ action }) => {
return (
<div className={classes.container}>
<p className={mergeStyle(classes.base, action && classes.action)}></p>
</div>
);
};
Setup Next.js(build time extract)
//next.config.mjs
import { withKazeStyle } from '@kaze-style/next-plugin';
/** @type {import('next').NextConfig} */
const nextConfig = {};
export default withKazeStyle(nextConfig);
Inspiration
KazeStyle was designed with reference to several CSS in JS libraries.
Author
License
0.10.2-canary.0
1 year ago
0.10.1
1 year ago
0.10.2
1 year ago
0.10.3
1 year ago
0.10.4
1 year ago
0.10.0
2 years ago
0.9.0-4
2 years ago
0.9.0-3
2 years ago
0.9.0-2
2 years ago
0.9.0-1
2 years ago
0.9.0-0
2 years ago
0.9.0
2 years ago
0.8.0
2 years ago
0.7.7
2 years ago
0.7.6
2 years ago
0.7.5
2 years ago
0.7.4
2 years ago
0.7.3
2 years ago
0.7.2
2 years ago
0.7.1
2 years ago
0.7.0
2 years ago
0.6.3
2 years ago
0.6.2
2 years ago
0.6.1
2 years ago
0.6.0
2 years ago
0.5.3
2 years ago
0.5.0
2 years ago