@pikacss/plugin-reset 0.0.37 → 0.0.39
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 +110 -0
- package/dist/index.cjs +2 -2
- package/package.json +6 -3
package/README.md
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
# @pikacss/plugin-reset
|
|
2
|
+
|
|
3
|
+
CSS reset/normalize plugin for PikaCSS.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
pnpm add @pikacss/plugin-reset
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Quick Start
|
|
12
|
+
|
|
13
|
+
**pika.config.ts**:
|
|
14
|
+
```typescript
|
|
15
|
+
/// <reference path="./src/pika.gen.ts" />
|
|
16
|
+
|
|
17
|
+
import { defineEngineConfig } from '@pikacss/core'
|
|
18
|
+
import { reset } from '@pikacss/plugin-reset'
|
|
19
|
+
|
|
20
|
+
export default defineEngineConfig({
|
|
21
|
+
plugins: [
|
|
22
|
+
reset()
|
|
23
|
+
],
|
|
24
|
+
// Choose which reset style to use
|
|
25
|
+
reset: 'modern-normalize' // default
|
|
26
|
+
})
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## Features
|
|
30
|
+
|
|
31
|
+
- 🎨 Multiple popular CSS reset/normalize styles to choose from
|
|
32
|
+
- 🔧 Easy to switch between different reset styles
|
|
33
|
+
- 📦 Zero dependencies (except @pikacss/core)
|
|
34
|
+
- ⚡ Minimal configuration needed
|
|
35
|
+
- 🌐 Battle-tested reset styles from the community
|
|
36
|
+
|
|
37
|
+
## Usage
|
|
38
|
+
|
|
39
|
+
### Available Reset Styles
|
|
40
|
+
|
|
41
|
+
The plugin includes 5 popular CSS reset/normalize styles:
|
|
42
|
+
|
|
43
|
+
1. **`modern-normalize`** (default) - Modern browser normalization
|
|
44
|
+
2. **`normalize`** - The classic normalize.css
|
|
45
|
+
3. **`andy-bell`** - Andy Bell's Modern CSS Reset
|
|
46
|
+
4. **`eric-meyer`** - Eric Meyer's CSS Reset
|
|
47
|
+
5. **`the-new-css-reset`** - Elad Shechter's The New CSS Reset
|
|
48
|
+
|
|
49
|
+
### Basic Usage
|
|
50
|
+
|
|
51
|
+
Apply the default reset (modern-normalize):
|
|
52
|
+
|
|
53
|
+
```typescript
|
|
54
|
+
/// <reference path="./src/pika.gen.ts" />
|
|
55
|
+
|
|
56
|
+
import { defineEngineConfig } from '@pikacss/core'
|
|
57
|
+
import { reset } from '@pikacss/plugin-reset'
|
|
58
|
+
|
|
59
|
+
export default defineEngineConfig({
|
|
60
|
+
plugins: [
|
|
61
|
+
reset()
|
|
62
|
+
]
|
|
63
|
+
})
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### Choose a Different Reset Style
|
|
67
|
+
|
|
68
|
+
Select your preferred reset style using the `reset` config option:
|
|
69
|
+
|
|
70
|
+
```typescript
|
|
71
|
+
/// <reference path="./src/pika.gen.ts" />
|
|
72
|
+
|
|
73
|
+
import { defineEngineConfig } from '@pikacss/core'
|
|
74
|
+
import { reset } from '@pikacss/plugin-reset'
|
|
75
|
+
|
|
76
|
+
export default defineEngineConfig({
|
|
77
|
+
plugins: [
|
|
78
|
+
reset()
|
|
79
|
+
],
|
|
80
|
+
// Options: 'modern-normalize' | 'normalize' | 'andy-bell' | 'eric-meyer' | 'the-new-css-reset'
|
|
81
|
+
reset: 'andy-bell'
|
|
82
|
+
})
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
## Reset Styles Comparison
|
|
86
|
+
|
|
87
|
+
- **modern-normalize**: Focuses on normalizing only necessary styles for modern browsers
|
|
88
|
+
- **normalize**: The classic normalize.css - makes browsers render elements more consistently
|
|
89
|
+
- **andy-bell**: A modern, minimal reset focusing on sensible defaults
|
|
90
|
+
- **eric-meyer**: The famous CSS reset by Eric Meyer - strips most default styling
|
|
91
|
+
- **the-new-css-reset**: An aggressive reset for a clean slate
|
|
92
|
+
|
|
93
|
+
## Configuration
|
|
94
|
+
|
|
95
|
+
The reset style is configured at the engine level:
|
|
96
|
+
|
|
97
|
+
```typescript
|
|
98
|
+
export default defineEngineConfig({
|
|
99
|
+
plugins: [reset()],
|
|
100
|
+
reset: 'modern-normalize' // default
|
|
101
|
+
})
|
|
102
|
+
```
|
|
103
|
+
|
|
104
|
+
## Documentation
|
|
105
|
+
|
|
106
|
+
For complete documentation, visit: [PikaCSS Documentation](https://pikacss.github.io/pikacss/)
|
|
107
|
+
|
|
108
|
+
## License
|
|
109
|
+
|
|
110
|
+
MIT © DevilTea
|
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
let
|
|
1
|
+
let _pikacss_core = require("@pikacss/core");
|
|
2
2
|
|
|
3
3
|
//#region src/resets/andy-bell.ts
|
|
4
4
|
var andy_bell_default = `
|
|
@@ -863,7 +863,7 @@ const resetStyles = {
|
|
|
863
863
|
};
|
|
864
864
|
function reset() {
|
|
865
865
|
let style = "modern-normalize";
|
|
866
|
-
return (0,
|
|
866
|
+
return (0, _pikacss_core.defineEnginePlugin)({
|
|
867
867
|
name: "reset",
|
|
868
868
|
order: "pre",
|
|
869
869
|
configureRawConfig: (config) => {
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
7
|
-
"version": "0.0.
|
|
7
|
+
"version": "0.0.39",
|
|
8
8
|
"author": "DevilTea <ch19980814@gmail.com>",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"repository": {
|
|
@@ -38,8 +38,11 @@
|
|
|
38
38
|
"files": [
|
|
39
39
|
"dist"
|
|
40
40
|
],
|
|
41
|
-
"
|
|
42
|
-
"@pikacss/core": "0.0.
|
|
41
|
+
"peerDependencies": {
|
|
42
|
+
"@pikacss/core": "0.0.39"
|
|
43
|
+
},
|
|
44
|
+
"devDependencies": {
|
|
45
|
+
"@pikacss/core": "0.0.39"
|
|
43
46
|
},
|
|
44
47
|
"scripts": {
|
|
45
48
|
"build": "tsdown",
|