2.1.0 • Published 3 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
3 years ago
2.1.0
3 years ago
1.0.45
5 years ago
1.0.44
6 years ago
1.0.43
6 years ago
1.0.42
6 years ago
1.0.41
6 years ago
1.0.40
6 years ago
1.0.39
6 years ago
1.0.38
6 years ago
1.0.37
6 years ago
1.0.36
6 years ago
1.0.35
6 years ago
1.0.34
6 years ago
1.0.33
6 years ago
1.0.32
6 years ago
1.0.31
6 years ago
1.0.30
6 years ago
1.0.29
6 years ago
1.0.28
6 years ago
1.0.27
7 years ago
1.0.26
7 years ago
1.0.25
7 years ago
1.0.24
7 years ago
1.0.23
7 years ago
1.0.22
7 years ago
1.0.21
7 years ago
1.0.20
7 years ago
1.0.19
7 years ago
1.0.18
7 years ago
1.0.17
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago