beercss 3.5.6 → 3.5.8

package/README.md

@@ -18,7 +18,7 @@ Build material design interfaces in record time...
 
 Cheers, www.beercss.com
 
-## Sponsors ##
+# Sponsors
 
 Beer CSS is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome sponsors and backers. If you'd like to join them, please consider sponsoring Beer CSS's development.
 
@@ -29,15 +29,17 @@ Beer CSS is an MIT-licensed open source project with its ongoing development mad
 ### Github sponsors
 <p><a href="https://github.com/sponsors/beercss"><img src="https://avatars.githubusercontent.com/u/74856856?s=40&v=4" alt="Sponsors"></a></p>
 
-## Why? ##
+# Why?
 
-- The first CSS framework based on Material Design 3.
-- 10x smaller than others CSS frameworks based on Material Design.
-- Translates Material Design to HTML semantic standard.
-- Ready to use with any JS framework.
-- Highly focused on DX.
+- 🥇 The first CSS framework based on Material Design 3.
+- ⬇️ 10x smaller than others CSS frameworks based on Material Design.
+- 🧙‍♂️ Translates Material Design to HTML semantic standard.
+- 🤓 Ready to use with any JS framework.
+- 🪄 Highly focused on DX.
+- 🚫 No build steps, configurations or dependencies.
+- ✨ Build modern interfaces without any custom CSS.
 
-## Applying "the beer way" in css?
+# Applying "the beer way" in css?
 
 This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebot"** created in 1516. This law states that beer should only be brewed with the following ingredients: **water**, **barley malt** and **hops**. Only 3 ingredients. Exciting, right? So we thinking about It and our 3 ingredients are: **settings**, **elements** and **helpers**. This sounds weird at first time, because It's not BEM, OOCSS, SMACSS, ITCSS, "Utility first" or any other approach. Our approach doesn't avoid some bad practices, but is lightweight, tasty and pure like a beer. Just try it and feel it! 😁
 
@@ -56,7 +58,7 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
 |---------------|
 ```
 
-### DO:
+### ✅ DO:
 
 ```
 // 1 setting to 1 document
@@ -83,7 +85,7 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
 .element > .helper {...}
 ```
 
-### DON'T:
+### 🚫 DON'T:
 
 ```
 // N elements to 1 tag
@@ -113,7 +115,7 @@ This project was guided by the **"Germany Beer Purity Law"** or **"Reinheitsgebo
 .element .helper {...}
 ```
 
-## Get started
+# Get started
 
 ### CDN
 
@@ -121,20 +123,20 @@ From jsdelivr.net.
 
 ```html
 // with html
-<link href="https://cdn.jsdelivr.net/npm/beercss@3.5.6/dist/cdn/beer.min.css" rel="stylesheet" />
-<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.5.6/dist/cdn/beer.min.js"></script>
-<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.0/dist/cdn/material-dynamic-colors.min.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/beercss@3.5.8/dist/cdn/beer.min.css" rel="stylesheet" />
+<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.5.8/dist/cdn/beer.min.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.1/dist/cdn/material-dynamic-colors.min.js"></script>
 ```
 
 ```css
 // with css
-@import "https://cdn.jsdelivr.net/npm/beercss@3.5.6/dist/cdn/beer.min.css";
+@import "https://cdn.jsdelivr.net/npm/beercss@3.5.8/dist/cdn/beer.min.css";
 ```
 
 ```js
 // with javascript
-import "https://cdn.jsdelivr.net/npm/beercss@3.5.6/dist/cdn/beer.min.js";
-import "https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.0/dist/cdn/material-dynamic-colors.min.js";
+import "https://cdn.jsdelivr.net/npm/beercss@3.5.8/dist/cdn/beer.min.js";
+import "https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.1/dist/cdn/material-dynamic-colors.min.js";
 ```
 
 ### NPM
@@ -185,9 +187,9 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="google" content="notranslate">
     <title>Hello world</title>
-    <link href="https://cdn.jsdelivr.net/npm/beercss@3.5.6/dist/cdn/beer.min.css" rel="stylesheet">
-    <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.5.6/dist/cdn/beer.min.js"></script>
-    <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.0/dist/cdn/material-dynamic-colors.min.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/beercss@3.5.8/dist/cdn/beer.min.css" rel="stylesheet">
+    <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.5.8/dist/cdn/beer.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.1/dist/cdn/material-dynamic-colors.min.js"></script>
   </head>
   <body class="dark">
     <nav class="left drawer l">
@@ -277,7 +279,7 @@ You can use this html to setup your project. See on [Codepen](https://codepen.io
 
 **We recommend use the material-dynamic-colors only when your app needs to change theme at runtime.**
 
-## Documentation
+# Documentation
 
 Complete documentation and examples available at:
 
@@ -285,15 +287,15 @@ Complete documentation and examples available at:
 - **[Codepen](https://codepen.io/collection/XydYMB)**
 - **[Homepage](https://www.beercss.com)**
 
-## Contributing guide
+# Contributing guide
 
 Hi! We are really excited that you are interested in contributing to Beer CSS! Before submitting your contribution, please make sure to take a moment and read through the following guidelines:
 
 [Beer CSS Contributing Guidelines](CONTRIBUTING.md)
 
-## License
+# License
 
 [MIT](https://opensource.org/licenses/MIT)
 
-## Cheers to all people here 🍻
+# Cheers to all people here 🍻
 [![Stargazers repo roster for @beercss/beercss](https://reporoster.com/stars/notext/beercss/beercss)](https://github.com/beercss/beercss/stargazers)