beercss 3.11.10 → 3.11.12

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 (101) hide show
  1. package/README.md +11 -11
  2. package/dist/cdn/arch.svg +3 -0
  3. package/dist/cdn/arrow.svg +3 -0
  4. package/dist/cdn/beer.css +437 -301
  5. package/dist/cdn/beer.custom-element.js +2 -2
  6. package/dist/cdn/beer.custom-element.min.js +1 -1
  7. package/dist/cdn/beer.min.css +1 -1
  8. package/dist/cdn/beer.scoped.css +437 -301
  9. package/dist/cdn/beer.scoped.min.css +1 -1
  10. package/dist/cdn/boom.svg +3 -0
  11. package/dist/cdn/bun.svg +3 -0
  12. package/dist/cdn/burst.svg +3 -0
  13. package/dist/cdn/circle.svg +3 -0
  14. package/dist/cdn/clamshell.svg +3 -0
  15. package/dist/cdn/diamond.svg +3 -0
  16. package/dist/cdn/fan.svg +3 -0
  17. package/dist/cdn/flower.svg +3 -0
  18. package/dist/cdn/gem.svg +3 -0
  19. package/dist/cdn/ghost-ish.svg +3 -0
  20. package/dist/cdn/heart.svg +3 -0
  21. package/dist/cdn/leaf-clover4.svg +3 -0
  22. package/dist/cdn/leaf-clover8.svg +3 -0
  23. package/dist/cdn/loading-indicator.svg +19 -0
  24. package/dist/cdn/oval.svg +3 -0
  25. package/dist/cdn/pentagon.svg +3 -0
  26. package/dist/cdn/pill.svg +3 -0
  27. package/dist/cdn/pixel-circle.svg +3 -0
  28. package/dist/cdn/pixel-triangle.svg +3 -0
  29. package/dist/cdn/puffy-diamond.svg +3 -0
  30. package/dist/cdn/puffy.svg +3 -0
  31. package/dist/cdn/semicircle.svg +3 -0
  32. package/dist/cdn/sided-cookie12.svg +3 -0
  33. package/dist/cdn/sided-cookie4.svg +3 -0
  34. package/dist/cdn/sided-cookie6.svg +3 -0
  35. package/dist/cdn/sided-cookie7.svg +3 -0
  36. package/dist/cdn/sided-cookie9.svg +3 -0
  37. package/dist/cdn/slanted.svg +3 -0
  38. package/dist/cdn/soft-boom.svg +3 -0
  39. package/dist/cdn/soft-burst.svg +3 -0
  40. package/dist/cdn/square.svg +3 -0
  41. package/dist/cdn/sunny.svg +3 -0
  42. package/dist/cdn/triangle.svg +3 -0
  43. package/dist/cdn/very-sunny.svg +3 -0
  44. package/package.json +1 -1
  45. package/src/cdn/beer.css +2 -0
  46. package/src/cdn/customElement.js +2 -2
  47. package/src/cdn/elements/bars.css +11 -39
  48. package/src/cdn/elements/dialogs.css +0 -8
  49. package/src/cdn/elements/dividers.css +16 -3
  50. package/src/cdn/elements/grids.css +1 -1
  51. package/src/cdn/elements/icons.css +6 -2
  52. package/src/cdn/elements/mainLayouts.css +34 -108
  53. package/src/cdn/elements/media.css +4 -4
  54. package/src/cdn/elements/navigations.css +126 -138
  55. package/src/cdn/elements/overlays.css +1 -0
  56. package/src/cdn/elements/shapes.css +260 -0
  57. package/src/cdn/helpers/reset.css +5 -0
  58. package/src/cdn/helpers/spaces.css +8 -4
  59. package/src/cdn/helpers/waves.css +15 -3
  60. package/src/cdn/helpers/zoom.css +20 -0
  61. package/src/cdn/settings/fonts.css +4 -12
  62. package/src/cdn/shapes/arch.svg +3 -0
  63. package/src/cdn/shapes/arrow.svg +3 -0
  64. package/src/cdn/shapes/boom.svg +3 -0
  65. package/src/cdn/shapes/bun.svg +3 -0
  66. package/src/cdn/shapes/burst.svg +3 -0
  67. package/src/cdn/shapes/circle.svg +3 -0
  68. package/src/cdn/shapes/clamshell.svg +3 -0
  69. package/src/cdn/shapes/diamond.svg +3 -0
  70. package/src/cdn/shapes/fan.svg +3 -0
  71. package/src/cdn/shapes/flower.svg +3 -0
  72. package/src/cdn/shapes/gem.svg +3 -0
  73. package/src/cdn/shapes/ghost-ish.svg +3 -0
  74. package/src/cdn/shapes/heart.svg +3 -0
  75. package/src/cdn/shapes/leaf-clover4.svg +3 -0
  76. package/src/cdn/shapes/leaf-clover8.svg +3 -0
  77. package/src/cdn/shapes/loading-indicator.svg +19 -0
  78. package/src/cdn/shapes/oval.svg +3 -0
  79. package/src/cdn/shapes/pentagon.svg +3 -0
  80. package/src/cdn/shapes/pill.svg +3 -0
  81. package/src/cdn/shapes/pixel-circle.svg +3 -0
  82. package/src/cdn/shapes/pixel-triangle.svg +3 -0
  83. package/src/cdn/shapes/puffy-diamond.svg +3 -0
  84. package/src/cdn/shapes/puffy.svg +3 -0
  85. package/src/cdn/shapes/semicircle.svg +3 -0
  86. package/src/cdn/shapes/sided-cookie12.svg +3 -0
  87. package/src/cdn/shapes/sided-cookie4.svg +3 -0
  88. package/src/cdn/shapes/sided-cookie6.svg +3 -0
  89. package/src/cdn/shapes/sided-cookie7.svg +3 -0
  90. package/src/cdn/shapes/sided-cookie9.svg +3 -0
  91. package/src/cdn/shapes/slanted.svg +3 -0
  92. package/src/cdn/shapes/soft-boom.svg +3 -0
  93. package/src/cdn/shapes/soft-burst.svg +3 -0
  94. package/src/cdn/shapes/square.svg +3 -0
  95. package/src/cdn/shapes/sunny.svg +3 -0
  96. package/src/cdn/shapes/triangle.svg +3 -0
  97. package/src/cdn/shapes/very-sunny.svg +3 -0
  98. /package/src/cdn/{material-symbols-outlined.woff2 → fonts/material-symbols-outlined.woff2} +0 -0
  99. /package/src/cdn/{material-symbols-rounded.woff2 → fonts/material-symbols-rounded.woff2} +0 -0
  100. /package/src/cdn/{material-symbols-sharp.woff2 → fonts/material-symbols-sharp.woff2} +0 -0
  101. /package/src/cdn/{material-symbols-subset.woff2 → fonts/material-symbols-subset.woff2} +0 -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 href="https://bundlephobia.com/package/beercss@3.11.10" target="_blank"><img src="https://img.shields.io/bundlephobia/minzip/beercss@3.11.10" alt="minzipped size"></a>
7
+ <a href="https://bundlephobia.com/package/beercss@3.11.12" target="_blank"><img src="https://img.shields.io/bundlephobia/minzip/beercss@3.11.12" alt="minzipped 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>
@@ -131,8 +131,8 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
131
131
  ### DEFAULT VERSION
132
132
 
133
133
  ```html
134
- <link href="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.min.css" rel="stylesheet" />
135
- <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.min.js"></script>
134
+ <link href="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.min.css" rel="stylesheet" />
135
+ <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.min.js"></script>
136
136
  <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
137
137
  ```
138
138
 
@@ -150,8 +150,8 @@ import "material-dynamic-colors";
150
150
  Applied on child elements of `<* class="beer">...</*>`.
151
151
 
152
152
  ```html
153
- <link href="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.scoped.min.css" rel="stylesheet" />
154
- <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.min.js"></script>
153
+ <link href="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.scoped.min.css" rel="stylesheet" />
154
+ <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.min.js"></script>
155
155
  <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
156
156
  ```
157
157
 
@@ -169,7 +169,7 @@ import "material-dynamic-colors";
169
169
  Applied on child elements of `<beer-css>...</beer-css>`.
170
170
 
171
171
  ```html
172
- <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.custom-element.min.js"></script>
172
+ <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.custom-element.min.js"></script>
173
173
  <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
174
174
  ```
175
175
 
@@ -195,15 +195,15 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
195
195
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
196
196
  <meta name="google" content="notranslate">
197
197
  <title>Hello world</title>
198
- <link href="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.min.css" rel="stylesheet">
199
- <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.10/dist/cdn/beer.min.js"></script>
198
+ <link href="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.min.css" rel="stylesheet">
199
+ <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.12/dist/cdn/beer.min.js"></script>
200
200
  <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
201
201
  </head>
202
202
  <body class="dark">
203
- <nav class="left drawer l">
203
+ <nav class="left max l">
204
204
  <header>
205
205
  <nav>
206
- <img src="https://www.beercss.com/favicon.png" class="circle">
206
+ <img src="https://www.beercss.com/favicon.png" class="circle extra">
207
207
  <h6>Cheers</h6>
208
208
  </nav>
209
209
  </header>
@@ -241,7 +241,7 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
241
241
 
242
242
  <nav class="left m">
243
243
  <header>
244
- <img src="https://www.beercss.com/favicon.png" class="circle">
244
+ <img src="https://www.beercss.com/favicon.png" class="circle extra">
245
245
  </header>
246
246
  <a>
247
247
  <i>home</i>
package/dist/cdn/arch.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M304 253.72C304 259.83 304 262.89 303.69 265.46C301.31 285.51 285.51 301.31 265.46 303.69C262.89 304 259.83 304 253.72 304H50.281C44.169 304 41.113 304 38.544 303.69C18.495 301.31 2.68799 285.51 0.304993 265.46C-7.33137e-06 262.89 0 259.83 0 253.72V152C0 68.05 68.053 0 152 0C235.95 0 304 68.05 304 152V253.72Z" fill="#D0BCFF"/>
3
+ </svg>
package/dist/cdn/arrow.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="316" height="278" viewBox="0 0 316 278" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M271.57 122.2C257.552 100.62 243.535 79.01 229.517 57.43C220.423 43.42 211.167 29.2202 198.872 18.0902C186.576 6.94018 170.648 -0.939823 154.316 0.0901773C139.976 1.01018 126.684 8.72013 116.191 18.7901C105.698 28.8601 97.546 41.2601 89.528 53.5401C67.842 86.7201 46.13 119.9 24.444 153.1C14.139 168.86 3.56499 185.31 0.712987 204.09C-2.73101 226.78 6.55198 249.89 23.018 264.98C40.237 280.76 68.138 279.48 89.098 275.16C112.075 270.41 134.541 261.48 157.975 261.51C178.047 261.51 197.446 268.11 216.979 272.91C236.485 277.68 257.445 280.62 276.279 273.52C299.659 264.73 316.448 239.73 315.991 214.07C315.56 190.66 302.457 169.75 289.839 150.27C283.758 140.92 277.678 131.55 271.597 122.2H271.57Z" fill="#D0BCFF"/>
3
+ </svg>