@konce-pt/styles 0.1.0 → 0.1.1
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 +53 -0
- package/package.json +21 -3
package/README.md
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
# Koncept UI — Base Styles
|
|
4
|
+
|
|
5
|
+
**Base CSS for Koncept UI — reset, cascade layers and neutral light/dark theme.**
|
|
6
|
+
|
|
7
|
+
[](https://www.npmjs.com/package/@konce-pt/styles)
|
|
8
|
+
[](https://bundlephobia.com/package/@konce-pt/styles)
|
|
9
|
+
[](https://gitlab.com/konce-pt/koncept-ui/-/blob/main/LICENSE)
|
|
10
|
+
|
|
11
|
+
</div>
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
The base stylesheet for [Koncept UI](https://www.npmjs.com/package/@konce-pt/angular): a modern reset, typography, and CSS **`@layer`** ordering (`kpt.reset, kpt.base, kpt.components, kpt.utilities`) so consumers can override styles without specificity wars. Built on top of [`@konce-pt/tokens`](https://www.npmjs.com/package/@konce-pt/tokens).
|
|
16
|
+
|
|
17
|
+
## Installation
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm i @konce-pt/styles @konce-pt/tokens
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Usage
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
import '@konce-pt/tokens/css';
|
|
27
|
+
import '@konce-pt/tokens/css/dark';
|
|
28
|
+
import '@konce-pt/styles';
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
Or import the SCSS source to compose with your own build:
|
|
32
|
+
|
|
33
|
+
```scss
|
|
34
|
+
@use '@konce-pt/styles/scss';
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
## License
|
|
38
|
+
|
|
39
|
+
[MIT](./LICENSE) © konce.pt
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
43
|
+
## 🇵🇱 Wersja polska
|
|
44
|
+
|
|
45
|
+
Bazowy arkusz stylów [Koncept UI](https://www.npmjs.com/package/@konce-pt/angular): nowoczesny reset, typografia i warstwy CSS **`@layer`** (`kpt.reset, kpt.base, kpt.components, kpt.utilities`) — łatwe nadpisywanie bez wojen specyficzności. Bazuje na [`@konce-pt/tokens`](https://www.npmjs.com/package/@konce-pt/tokens).
|
|
46
|
+
|
|
47
|
+
```ts
|
|
48
|
+
import '@konce-pt/tokens/css';
|
|
49
|
+
import '@konce-pt/tokens/css/dark';
|
|
50
|
+
import '@konce-pt/styles';
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Licencja: [MIT](./LICENSE) © konce.pt
|
package/package.json
CHANGED
|
@@ -1,9 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@konce-pt/styles",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.1.1",
|
|
4
|
+
"description": "Base CSS for Koncept UI — reset, cascade @layer ordering and neutral light/dark theme (SCSS source).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "konce.pt",
|
|
7
|
+
"homepage": "https://gitlab.com/konce-pt/koncept-ui#readme",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "git+https://gitlab.com/konce-pt/koncept-ui.git",
|
|
11
|
+
"directory": "packages/styles"
|
|
12
|
+
},
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://gitlab.com/konce-pt/koncept-ui/-/issues"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"css",
|
|
18
|
+
"css-layers",
|
|
19
|
+
"design-system",
|
|
20
|
+
"theme",
|
|
21
|
+
"dark-mode",
|
|
22
|
+
"reset",
|
|
23
|
+
"koncept-ui"
|
|
24
|
+
],
|
|
7
25
|
"sideEffects": [
|
|
8
26
|
"*.css"
|
|
9
27
|
],
|
|
@@ -17,7 +35,7 @@
|
|
|
17
35
|
"src"
|
|
18
36
|
],
|
|
19
37
|
"peerDependencies": {
|
|
20
|
-
"@konce-pt/tokens": "0.1.
|
|
38
|
+
"@konce-pt/tokens": "0.1.1"
|
|
21
39
|
},
|
|
22
40
|
"devDependencies": {
|
|
23
41
|
"sass": "^1.77.0"
|