@bremmdev/m7base 0.0.0 → 0.0.2

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.
Files changed (2) hide show
  1. package/README.md +58 -58
  2. 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.0",
4
+ "version": "0.0.2",
5
5
  "private": false,
6
6
  "repository": {
7
7
  "type": "git",