2.1.0 • Published 2 years ago
solid-css v2.1.0
solid-css
A styling tool when using solidjs to custom components
usage
css
import { Component, createSignal } from "solid-js";
import { css, StyleProvider } from "solid-css";
const className = css`
color: red;
`;
const Child: Component<{ name: string }> = ({ name }) => {
return (
<div>
My name is <span class={className()}>{name}</span>
</div>
);
};
export const App: Component<{ name: string }> = ({ name }) => {
return (
<StyleProvider>
<Child name="Tom" />
</StyleProvider>
);
};
createGlobalStyles
import { Component } from "solid-js";
import { createGlobalStyles, StyleProvider } from "solid-css";
const getGlobalStyles = createGlobalStyles`
span {
color: green;
}
`;
const Child: Component<{ name: string }> = ({ name }) => {
getGlobalStyles();
return (
<div>
My name is <span>{name}</span>
</div>
);
};
export const Global: Component<{ name: string }> = ({ name }) => {
return (
<StyleProvider>
<Child name={name} />
</StyleProvider>
);
};
2.0.0
2 years ago
2.1.0
2 years ago
1.0.45
4 years ago
1.0.44
5 years ago
1.0.43
5 years ago
1.0.42
5 years ago
1.0.41
5 years ago
1.0.40
5 years ago
1.0.39
5 years ago
1.0.38
5 years ago
1.0.37
5 years ago
1.0.36
5 years ago
1.0.35
5 years ago
1.0.34
5 years ago
1.0.33
5 years ago
1.0.32
5 years ago
1.0.31
5 years ago
1.0.30
5 years ago
1.0.29
5 years ago
1.0.28
5 years ago
1.0.27
5 years ago
1.0.26
5 years ago
1.0.25
5 years ago
1.0.24
5 years ago
1.0.23
5 years ago
1.0.22
5 years ago
1.0.21
5 years ago
1.0.20
5 years ago
1.0.19
5 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago