beercss 4.0.2 → 4.0.4
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 +9 -9
- package/dist/cdn/beer.css +293 -260
- package/dist/cdn/beer.custom-element.js +2 -2
- package/dist/cdn/beer.custom-element.min.js +1 -1
- package/dist/cdn/beer.min.css +1 -1
- package/dist/cdn/beer.scoped.css +293 -260
- package/dist/cdn/beer.scoped.min.css +2 -2
- package/package.json +1 -1
- package/src/cdn/beer.css +1 -1
- package/src/cdn/customElement.js +2 -2
- package/src/cdn/elements/lists.css +2 -1
- package/src/cdn/elements/menus.css +51 -26
- package/src/cdn/elements/navigations.css +14 -43
- package/src/cdn/settings/fonts.css +4 -4
- package/src/cdn/settings/theme.css +36 -0
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<p align="center">
|
|
5
5
|
<a href="https://github.com/beercss/beercss/blob/main/LICENSE"><img src="https://img.shields.io/github/license/beercss/beercss" alt="license"></a>
|
|
6
6
|
<a href="https://github.com/beercss/beercss"><img src="https://img.shields.io/jsdelivr/npm/hy/beercss" alt="downloads"></a>
|
|
7
|
-
<a><img src="https://img.shields.io/badge/brotli_size-14.
|
|
7
|
+
<a><img src="https://img.shields.io/badge/brotli_size-14.5kb-green" alt="brotli size"></a>
|
|
8
8
|
<a href="https://www.npmjs.com/package/beercss"><img src="https://img.shields.io/npm/v/beercss" alt="version"></a>
|
|
9
9
|
<a href="https://github.com/beercss/beercss/pulls"><img src="https://img.shields.io/github/issues-pr/beercss/beercss" alt="pull Request"></a>
|
|
10
10
|
<a href="https://github.com/beercss/beercss/issues"><img src="https://img.shields.io/github/issues/beercss/beercss" alt="issues"></a>
|
|
@@ -84,8 +84,8 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
|
|
|
84
84
|
### DEFAULT VERSION
|
|
85
85
|
|
|
86
86
|
```html
|
|
87
|
-
<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
88
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
87
|
+
<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.css" rel="stylesheet" />
|
|
88
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js"></script>
|
|
89
89
|
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
|
|
90
90
|
```
|
|
91
91
|
|
|
@@ -103,8 +103,8 @@ import "material-dynamic-colors";
|
|
|
103
103
|
Applied on child elements of `<* class="beer">...</*>`.
|
|
104
104
|
|
|
105
105
|
```html
|
|
106
|
-
<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
107
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
106
|
+
<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.scoped.min.css" rel="stylesheet" />
|
|
107
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js"></script>
|
|
108
108
|
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
|
|
109
109
|
```
|
|
110
110
|
|
|
@@ -122,7 +122,7 @@ import "material-dynamic-colors";
|
|
|
122
122
|
Applied on child elements of `<beer-css>...</beer-css>`.
|
|
123
123
|
|
|
124
124
|
```html
|
|
125
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
125
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.custom-element.min.js"></script>
|
|
126
126
|
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
|
|
127
127
|
```
|
|
128
128
|
|
|
@@ -138,7 +138,7 @@ import "material-dynamic-colors";
|
|
|
138
138
|
|
|
139
139
|
### LOCAL CDN VERSION
|
|
140
140
|
|
|
141
|
-
Download all files from CDN https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
141
|
+
Download all files from CDN https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/ and https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/. Now put the files inside a new folder in your project (like `/beercss` for example):
|
|
142
142
|
|
|
143
143
|
```html
|
|
144
144
|
<link href="/beercss/beer.min.css" rel="stylesheet" />
|
|
@@ -159,8 +159,8 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
|
|
|
159
159
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
160
160
|
<meta name="google" content="notranslate">
|
|
161
161
|
<title>Hello world</title>
|
|
162
|
-
<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
163
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.
|
|
162
|
+
<link href="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.css" rel="stylesheet">
|
|
163
|
+
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.4/dist/cdn/beer.min.js"></script>
|
|
164
164
|
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.4/dist/cdn/material-dynamic-colors.min.js"></script>
|
|
165
165
|
</head>
|
|
166
166
|
<body class="dark">
|