@bremmdev/m7base 0.0.0 → 0.0.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 +58 -58
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
# m7base
|
|
2
|
-
|
|
3
|
-
A CSS library that gives websites a quick styling with modern CSS resets, base styles and optional component class styles. It exports a single CSS file.
|
|
4
|
-
|
|
5
|
-
## Build Setup
|
|
6
|
-
|
|
7
|
-
This project uses [Lightning CSS](https://lightningcss.dev) for bundling, minification, and CSS transformation. Lightning CSS is an extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
|
|
8
|
-
|
|
9
|
-
### Features
|
|
10
|
-
|
|
11
|
-
- **Bundling**: Combines all `@import` statements into a single CSS file
|
|
12
|
-
- **Minification**: Reduces file size through aggressive optimization
|
|
13
|
-
- **Autoprefixing**: Automatically adds vendor prefixes based on browser targets
|
|
14
|
-
- **Modern CSS Support**: Transforms modern CSS features to compatible syntax
|
|
15
|
-
- **CSS Layers**: Preserves CSS layer structure (`@layer`)
|
|
16
|
-
|
|
17
|
-
### Configuration
|
|
18
|
-
|
|
19
|
-
#### Browser Targets
|
|
20
|
-
|
|
21
|
-
The build targets modern browsers with the following configuration:
|
|
22
|
-
```
|
|
23
|
-
"defaults, not IE 11"
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
This means:
|
|
27
|
-
- Latest versions of major browsers
|
|
28
|
-
- No Internet Explorer 11 support
|
|
29
|
-
- Modern CSS features are transformed for compatibility
|
|
30
|
-
|
|
31
|
-
To change browser targets, modify the `--targets` flag in the build scripts in `package.json`. You can also use a `browserslist` configuration in `package.json` and use the `--browserslist` flag instead.
|
|
32
|
-
|
|
33
|
-
#### Output
|
|
34
|
-
|
|
35
|
-
- **Production**: `dist/m7base.css` - Minified, bundled CSS file
|
|
36
|
-
- **Development**: `dist/m7base.css` - Unminified, bundled CSS file
|
|
37
|
-
- **Watch mode**: `dist/index.css` - Automatically updates on changes
|
|
38
|
-
|
|
39
|
-
### How It Works
|
|
40
|
-
|
|
41
|
-
1. Lightning CSS reads `styles/index.css` as the entry point
|
|
42
|
-
2. All `@import` statements are resolved and bundled
|
|
43
|
-
3. CSS layers are preserved (`@layer reset, base, components, utilities, overrides`)
|
|
44
|
-
4. Modern CSS features are transformed based on browser targets
|
|
45
|
-
5. Vendor prefixes are automatically added where needed
|
|
46
|
-
6. Output is minified (in production builds) and written to `dist/m7base.css`
|
|
47
|
-
|
|
48
|
-
### Project Structure
|
|
49
|
-
|
|
50
|
-
```
|
|
51
|
-
m7base/
|
|
52
|
-
├── styles/
|
|
53
|
-
│ ├── index.css # Main entry point with @import statements
|
|
54
|
-
│ └── reset.css # CSS reset styles
|
|
55
|
-
├── dist/
|
|
56
|
-
│ └── m7base.css # Built output (generated)
|
|
57
|
-
└── package.json
|
|
58
|
-
```
|
|
1
|
+
# m7base
|
|
2
|
+
|
|
3
|
+
A CSS library that gives websites a quick styling with modern CSS resets, base styles and optional component class styles. It exports a single CSS file.
|
|
4
|
+
|
|
5
|
+
## Build Setup
|
|
6
|
+
|
|
7
|
+
This project uses [Lightning CSS](https://lightningcss.dev) for bundling, minification, and CSS transformation. Lightning CSS is an extremely fast CSS parser, transformer, bundler, and minifier written in Rust.
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
- **Bundling**: Combines all `@import` statements into a single CSS file
|
|
12
|
+
- **Minification**: Reduces file size through aggressive optimization
|
|
13
|
+
- **Autoprefixing**: Automatically adds vendor prefixes based on browser targets
|
|
14
|
+
- **Modern CSS Support**: Transforms modern CSS features to compatible syntax
|
|
15
|
+
- **CSS Layers**: Preserves CSS layer structure (`@layer`)
|
|
16
|
+
|
|
17
|
+
### Configuration
|
|
18
|
+
|
|
19
|
+
#### Browser Targets
|
|
20
|
+
|
|
21
|
+
The build targets modern browsers with the following configuration:
|
|
22
|
+
```
|
|
23
|
+
"defaults, not IE 11"
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
This means:
|
|
27
|
+
- Latest versions of major browsers
|
|
28
|
+
- No Internet Explorer 11 support
|
|
29
|
+
- Modern CSS features are transformed for compatibility
|
|
30
|
+
|
|
31
|
+
To change browser targets, modify the `--targets` flag in the build scripts in `package.json`. You can also use a `browserslist` configuration in `package.json` and use the `--browserslist` flag instead.
|
|
32
|
+
|
|
33
|
+
#### Output
|
|
34
|
+
|
|
35
|
+
- **Production**: `dist/m7base.css` - Minified, bundled CSS file
|
|
36
|
+
- **Development**: `dist/m7base.css` - Unminified, bundled CSS file
|
|
37
|
+
- **Watch mode**: `dist/index.css` - Automatically updates on changes
|
|
38
|
+
|
|
39
|
+
### How It Works
|
|
40
|
+
|
|
41
|
+
1. Lightning CSS reads `styles/index.css` as the entry point
|
|
42
|
+
2. All `@import` statements are resolved and bundled
|
|
43
|
+
3. CSS layers are preserved (`@layer reset, base, components, utilities, overrides`)
|
|
44
|
+
4. Modern CSS features are transformed based on browser targets
|
|
45
|
+
5. Vendor prefixes are automatically added where needed
|
|
46
|
+
6. Output is minified (in production builds) and written to `dist/m7base.css`
|
|
47
|
+
|
|
48
|
+
### Project Structure
|
|
49
|
+
|
|
50
|
+
```
|
|
51
|
+
m7base/
|
|
52
|
+
├── styles/
|
|
53
|
+
│ ├── index.css # Main entry point with @import statements
|
|
54
|
+
│ └── reset.css # CSS reset styles
|
|
55
|
+
├── dist/
|
|
56
|
+
│ └── m7base.css # Built output (generated)
|
|
57
|
+
└── package.json
|
|
58
|
+
```
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bremmdev/m7base",
|
|
3
3
|
"description": "A CSS library that gives websites a quick styling with modern CSS resets, base styles and optional component class styles.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.1",
|
|
5
5
|
"private": false,
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|