@salty-css/eslint-plugin-core 0.0.1-alpha.222 → 0.0.1-alpha.224
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 +6 -4
- package/package.json +2 -2
package/README.md
CHANGED
@@ -4,6 +4,8 @@
|
|
4
4
|
|
5
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.
|
6
6
|
|
7
|
+
[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)
|
8
|
+
|
7
9
|
## Features
|
8
10
|
|
9
11
|
- Build time compilation to achieve awesome runtime performance and minimal size
|
@@ -32,14 +34,14 @@ Fastest way to get started with any framework is `npx salty-css init [directory]
|
|
32
34
|
2. Salty CSS components created with styled function can extend non Salty CSS components (`export const CustomLink = styled(NextJSLink, { ... });`) but those components must take in `className` prop for styles to apply.
|
33
35
|
3. Among common types like `string` and `number`, CSS-in-JS properties in Salty CSS do support `functions` and `promises` as values (`styled('span', { base: { color: async () => 'red' } });`) but running asynchronous tasks or importing heavy 3rd party libraries into `*.css.ts` or `*.css.tsx` files can cause longer build times.
|
34
36
|
|
35
|
-
##
|
37
|
+
## API
|
36
38
|
|
37
|
-
###
|
39
|
+
### Component styling
|
38
40
|
|
39
41
|
- [styled](#styled-function) (react only) - create React components that can be used anywhere easily
|
40
42
|
- [className](#class-name-function) (framework agnostic) - create a CSS class string that can be applied to any element
|
41
43
|
|
42
|
-
### Global
|
44
|
+
### Global styling
|
43
45
|
|
44
46
|
- [defineGlobalStyles](#global-styles) - set global styles like `html` and `body`
|
45
47
|
- [defineVariables](#variables) - create CSS variables (tokens) that can be used in any styling function
|
@@ -47,7 +49,7 @@ Fastest way to get started with any framework is `npx salty-css init [directory]
|
|
47
49
|
- [defineTemplates](#templates) - create reusable templates that can be applied when same styles are used over and over again
|
48
50
|
- [keyframes](#keyframes-animations) - create CSS keyframes animation that can be used and imported in any styling function
|
49
51
|
|
50
|
-
###
|
52
|
+
### Styling helpers & utility
|
51
53
|
|
52
54
|
- [defineViewportClamp](#viewport-clamp) - create CSS clamp functions that are based on user's viewport and can calculate relative values easily
|
53
55
|
- [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.224",
|
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.224",
|
38
38
|
"eslint": ">=9.x || >=8.x || >=7.x"
|
39
39
|
}
|
40
40
|
}
|