@salty-css/eslint-plugin-core 0.0.1-alpha.223 → 0.0.1-alpha.225
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -6
- package/package.json +2 -2
package/README.md
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
[Get started](#get-started) | [API](#api) | [Website](https://salty-css.dev/) | [GitHub](https://github.com/margarita-form/salty-css) | [NPM](https://www.npmjs.com/package/@salty-css/core)
|
2
|
-
|
3
1
|

|
4
2
|
|
5
3
|
# Salty CSS - CSS-in-JS library that is kinda sweet
|
6
4
|
|
7
5
|
Is there anything saltier than CSS in frontend web development? Salty CSS is built to provide better developer experience for developers looking for performant and feature rich CSS-in-JS solutions.
|
8
6
|
|
7
|
+
[Get started](#get-started) | [API](#api) | [Discord](https://discord.gg/R6kr4KxMhP) | [Website](https://salty-css.dev/) | [GitHub](https://github.com/margarita-form/salty-css) | [NPM](https://www.npmjs.com/package/@salty-css/core)
|
8
|
+
|
9
9
|
## Features
|
10
10
|
|
11
11
|
- Build time compilation to achieve awesome runtime performance and minimal size
|
@@ -16,7 +16,13 @@ Is there anything saltier than CSS in frontend web development? Salty CSS is bui
|
|
16
16
|
|
17
17
|
## Get started
|
18
18
|
|
19
|
-
Fastest way to get started with any framework is
|
19
|
+
Fastest way to get started with any framework is
|
20
|
+
|
21
|
+
```bash
|
22
|
+
npx salty-css init [directory]
|
23
|
+
```
|
24
|
+
|
25
|
+
Other guides:
|
20
26
|
|
21
27
|
- Next.js → [Next.js guide](#nextjs) + [Next.js example app](https://github.com/margarita-form/salty-css-website)
|
22
28
|
- React + Vite → [React + Vite guide](#react--vite) + [React example code](#code-examples)
|
@@ -36,12 +42,12 @@ Fastest way to get started with any framework is `npx salty-css init [directory]
|
|
36
42
|
|
37
43
|
## API
|
38
44
|
|
39
|
-
###
|
45
|
+
### Component styling
|
40
46
|
|
41
47
|
- [styled](#styled-function) (react only) - create React components that can be used anywhere easily
|
42
48
|
- [className](#class-name-function) (framework agnostic) - create a CSS class string that can be applied to any element
|
43
49
|
|
44
|
-
### Global
|
50
|
+
### Global styling
|
45
51
|
|
46
52
|
- [defineGlobalStyles](#global-styles) - set global styles like `html` and `body`
|
47
53
|
- [defineVariables](#variables) - create CSS variables (tokens) that can be used in any styling function
|
@@ -49,7 +55,7 @@ Fastest way to get started with any framework is `npx salty-css init [directory]
|
|
49
55
|
- [defineTemplates](#templates) - create reusable templates that can be applied when same styles are used over and over again
|
50
56
|
- [keyframes](#keyframes-animations) - create CSS keyframes animation that can be used and imported in any styling function
|
51
57
|
|
52
|
-
###
|
58
|
+
### Styling helpers & utility
|
53
59
|
|
54
60
|
- [defineViewportClamp](#viewport-clamp) - create CSS clamp functions that are based on user's viewport and can calculate relative values easily
|
55
61
|
- [color](#color-function) - transform any valid color code or variable to be darker, lighter etc. easily (uses [color library by Qix-](https://github.com/Qix-/color))
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salty-css/eslint-plugin-core",
|
3
|
-
"version": "0.0.1-alpha.
|
3
|
+
"version": "0.0.1-alpha.225",
|
4
4
|
"main": "./dist/index.js",
|
5
5
|
"module": "./dist/index.mjs",
|
6
6
|
"typings": "./dist/index.d.ts",
|
@@ -34,7 +34,7 @@
|
|
34
34
|
}
|
35
35
|
},
|
36
36
|
"dependencies": {
|
37
|
-
"@salty-css/core": "^0.0.1-alpha.
|
37
|
+
"@salty-css/core": "^0.0.1-alpha.225",
|
38
38
|
"eslint": ">=9.x || >=8.x || >=7.x"
|
39
39
|
}
|
40
40
|
}
|