Skip to content

Commit

Permalink
Rebuilding
Browse files Browse the repository at this point in the history
  • Loading branch information
Leonardo Rafael Wehrmeister committed Sep 10, 2024
1 parent bdeaf0c commit a7476b8
Show file tree
Hide file tree
Showing 12 changed files with 48 additions and 65 deletions.
12 changes: 6 additions & 6 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -123,19 +123,19 @@ From jsdelivr.net.

```html
// with html
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css" rel="stylesheet" />
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet" />
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
```

```css
// with css
@import "https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css";
@import "https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css";
```

```js
// with javascript
import "https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js";
import "https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js";
import "https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js";
```

Expand Down Expand Up @@ -187,8 +187,8 @@ 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.7.7/dist/cdn/beer.min.css" rel="stylesheet">
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet">
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
</head>
<body class="dark">
Expand Down
4 changes: 2 additions & 2 deletions dist/app.js
View file

Large diffs are not rendered by default.

51 changes: 16 additions & 35 deletions dist/cdn/beer.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,7 +101,7 @@ body.dark {
font-display: block;
src:
url("material-symbols-outlined.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-outlined.woff2") format("woff2");
url("https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/material-symbols-outlined.woff2") format("woff2");
}
/* rounded icons */
@font-face {
Expand All @@ -111,7 +111,7 @@ body.dark {
font-display: block;
src:
url("material-symbols-rounded.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-rounded.woff2") format("woff2");
url("https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/material-symbols-rounded.woff2") format("woff2");
}
/* sharp icons */
@font-face {
Expand All @@ -121,7 +121,7 @@ body.dark {
font-display: block;
src:
url("material-symbols-sharp.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-sharp.woff2") format("woff2");
url("https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/material-symbols-sharp.woff2") format("woff2");
}
* {
-webkit-tap-highlight-color: transparent;
Expand Down Expand Up @@ -188,6 +188,11 @@ body :is(:hover,:focus)::-webkit-scrollbar-thumb {
outline: 0.125rem solid var(--primary);
outline-offset: 0.25rem;
}
.transparent {
background-color: transparent !important;
box-shadow: none !important;
color: inherit !important;
}
.primary {
background-color: var(--primary) !important;
color: var(--on-primary) !important;
Expand Down Expand Up @@ -319,11 +324,6 @@ body :is(:hover,:focus)::-webkit-scrollbar-thumb {
.white-text {
color: #FFF !important;
}
.transparent {
background-color: transparent !important;
box-shadow: none !important;
color: inherit !important;
}
.transparent-border {
border-color: transparent !important;
}
Expand Down Expand Up @@ -1555,6 +1555,7 @@ blockquote > code {
}
pre:has(> code){
direction: ltr;
text-align: start;
}
.wave::after,
.chip::after,
Expand Down Expand Up @@ -3323,23 +3324,17 @@ nav.tabbed > a.active {
opacity: 0;
visibility: hidden;
position: fixed;
inset: 0 auto auto 0;
inline-size: 100%;
block-size: 100%;
inset: 0;
color: var(--on-surface);
background-color: var(--overlay);
z-index: 100;
transition: all var(--speed3), 0s background-color;
}
nav > .overlay {
z-index: 0;
}
.overlay.active {
opacity: 1;
visibility: visible;
}
.page,
:is(.page, dialog):not(.active) .page.active {
.page {
---transform: translate(0, 0);

opacity: 0;
Expand Down Expand Up @@ -3957,9 +3952,6 @@ progress.max.vertical {
}
}
.snackbar {
---transform-start: translate(-50%, 1rem);
---transform-end: translate(-50%, 0);

position: fixed;
inset: auto auto 6rem 50%;
inline-size: 80%;
Expand All @@ -3977,32 +3969,21 @@ progress.max.vertical {
align-items: center;
border-radius: 0.25rem;
gap: 0.5rem;
transform: var(---transform-end);
transition: all var(--speed2);
transform: translate(-50%, 1rem);
opacity: 0;
}
.snackbar.top {
inset: 6rem auto auto 50%;
}
.snackbar.active {
visibility: visible;
animation: var(--speed2) to-snackbar;
}
.snackbar.active.top {
---transform-end: translate(-50%, -1rem);
transform: translate(-50%, 0);
opacity: 1;
}
.snackbar > .max {
flex: auto;
}
@keyframes to-snackbar {
0% {
opacity: 0;
transform: var(---transform-start);
}

100% {
opacity: 1;
transform: var(---transform-end);
}
}
@media only screen and (min-width: 993px) {
.snackbar {
inline-size: 40%;
Expand Down
10 changes: 6 additions & 4 deletions dist/cdn/beer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -260,6 +260,10 @@ async function run(from, to, options, e) {
}
addClass(to, "active");
}
function updatePlaceholder(element) {
if (!element.placeholder)
element.placeholder = " ";
}
function onClickLabel(e) {
const label = e.currentTarget;
const field = parent(label);
Expand Down Expand Up @@ -341,10 +345,7 @@ function updateAllTextareas() {
function updateInput(input) {
if (hasType(input, "number") && !input.value)
input.value = "";
if (!input.placeholder)
input.placeholder = " ";
if (input.getAttribute("data-ui"))
run(input, null);
updatePlaceholder(input);
}
function updateFile(input, e) {
if ((e == null ? void 0 : e.key) === "Enter") {
Expand Down Expand Up @@ -379,6 +380,7 @@ function updateColor(input, e) {
updateInput(nextInput);
}
function updateTextarea(textarea) {
updatePlaceholder(textarea);
const field = parent(textarea);
field.removeAttribute("style");
if (hasClass(field, "min"))
Expand Down
2 changes: 1 addition & 1 deletion dist/cdn/beer.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/cdn/beer.min.js
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions dist/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/styles/default.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet">
<link href="/app.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/page-js@1.7.3/page.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/highlight.min.js"
></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0PZF7Z0XQ7"></script>
<script>
Expand Down
12 changes: 6 additions & 6 deletions docs/INDEX.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,19 @@ From jsdelivr.net.

```html
// with html
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css" rel="stylesheet" />
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet" />
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
```

```css
// with css
@import "https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css";
@import "https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css";
```

```js
// with javascript
import "https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js";
import "https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js";
import "https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js";
```

Expand Down Expand Up @@ -70,8 +70,8 @@ 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.7.7/dist/cdn/beer.min.css" rel="stylesheet">
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet">
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
</head>
<body class="dark">
Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"author": "Everton and Leonardo",
"description": "Build material design interfaces in record time... without stress for devs.",
"homepage": "https://www.beercss.com/",
"version": "3.7.7",
"version": "3.7.8",
"name": "beercss",
"license": "MIT",
"type": "module",
Expand Down
6 changes: 3 additions & 3 deletions src/cdn/settings/fonts.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
font-display: block;
src:
url("../material-symbols-outlined.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-outlined.woff2") format("woff2");
url("https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/material-symbols-outlined.woff2") format("woff2");
}

/* rounded icons */
Expand All @@ -17,7 +17,7 @@
font-display: block;
src:
url("../material-symbols-rounded.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-rounded.woff2") format("woff2");
url("https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/material-symbols-rounded.woff2") format("woff2");
}

/* sharp icons */
Expand All @@ -28,5 +28,5 @@
font-display: block;
src:
url("../material-symbols-sharp.woff2") format("woff2"),
url("https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/material-symbols-sharp.woff2") format("woff2");
url("https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/material-symbols-sharp.woff2") format("woff2");
}
4 changes: 2 additions & 2 deletions src/home/page.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -289,9 +289,9 @@ div
.space
pre.scroll
code
| &lt;link href="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css" rel="stylesheet"&gt;
| &lt;link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet"&gt;
|
| &lt;script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"&gt;&lt;/script&gt;
| &lt;script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"&gt;&lt;/script&gt;
|
| &lt;script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"&gt;&lt;/script&gt;
.medium-space
Expand Down
4 changes: 2 additions & 2 deletions src/static/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/styles/default.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.css" rel="stylesheet">
<link href="/app.css" rel="stylesheet">

<script src="https://cdn.jsdelivr.net/npm/page-js@1.7.3/page.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.4.1/highlight.min.js"
></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.7/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.7.8/dist/cdn/beer.min.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0PZF7Z0XQ7"></script>
<script>
Expand Down

0 comments on commit a7476b8

Please sign in to comment.