Update packages

docs/_includes/global/head.html

@@ -30,7 +30,7 @@
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css">
 <link
   rel="stylesheet"
-  href="{{ site.url }}/assets/css/{{ site.docs_file }}.css?v={{ site.time | date: "%Y%m%d%H%M" }}"
+  href="{{ site.url }}/assets/css/{{ site.docs_file }}.css?v={{ site.data.asset_hash.css }}"
 >
 
 <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">

docs/_includes/website/carbon.html

@@ -1,6 +1,6 @@
 <div id="carboncontainer" class="bd-carbon">
   <div id="carbon">
-    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 26; max-width: 400px; max-height: 260px;">
+    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 28; max-width: 400px; max-height: 280px; width: 100%;">
       <img src="{{ site.url }}/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
     </a>
     <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>

docs/_sass/docs/hero.scss

@@ -99,9 +99,9 @@
 }
 
 .bd-carbon {
-  aspect-ratio: 40 / 26;
+  aspect-ratio: 40 / 28;
-  max-height: 280px !important;
+  height: 280px !important;
-  max-width: 400px !important;
+  width: 400px !important;
 
   &,
   & > div {
@@ -111,6 +111,6 @@
   }
 
   > div {
-    aspect-ratio: 40 / 26;
+    aspect-ratio: 40 / 28;
   }
 }

docs/assets/css/website.css

@@ -33994,9 +33994,6 @@ has-background-moon.is-hoverable:active {
   padding: 1em;
 }
 
-.bulma-placeholder-mixin {
-  border-color: hsl(195, 53%, 79%);
-}
 .bulma-placeholder-mixin::-moz-placeholder {
   color: lightblue;
 }
@@ -34009,6 +34006,9 @@ has-background-moon.is-hoverable:active {
 .bulma-placeholder-mixin:-ms-input-placeholder {
   color: lightblue;
 }
+.bulma-placeholder-mixin {
+  border-color: hsl(195, 53%, 79%);
+}
 .bulma-placeholder-mixin:hover {
   border-color: hsl(195, 83%, 66%);
 }
@@ -34136,8 +34136,6 @@ has-background-moon.is-hoverable:active {
   transition-duration: var(--bulma-duration);
   transition-property: background-color, border-color, box-shadow, color;
   vertical-align: top;
-  background: deeppink;
-  color: white;
 }
 .bulma-control-mixin:focus, .bulma-control-mixin:focus-visible, .bulma-control-mixin:focus-within, .bulma-control-mixin.is-focused, .bulma-control-mixin:active, .bulma-control-mixin.is-active {
   outline: none;
@@ -34145,6 +34143,10 @@ has-background-moon.is-hoverable:active {
 .bulma-control-mixin[disabled], fieldset[disabled] .bulma-control-mixin {
   cursor: not-allowed;
 }
+.bulma-control-mixin {
+  background: deeppink;
+  color: white;
+}
 .bulma-control-mixin.is-small {
   border-radius: var(--bulma-radius-small);
   font-size: var(--bulma-size-small);
@@ -34177,8 +34179,6 @@ has-background-moon.is-hoverable:active {
   transition-duration: var(--bulma-duration);
   transition-property: background-color, border-color, box-shadow, color;
   vertical-align: top;
-  background: mediumblue;
-  color: white;
 }
 .bulma-control-extend:focus, .bulma-control-extend:focus-visible, .bulma-control-extend:focus-within, .bulma-control-extend.is-focused, .bulma-control-extend:active, .bulma-control-extend.is-active {
   outline: none;
@@ -34186,6 +34186,10 @@ has-background-moon.is-hoverable:active {
 .bulma-control-extend[disabled], fieldset[disabled] .bulma-control-extend {
   cursor: not-allowed;
 }
+.bulma-control-extend {
+  background: mediumblue;
+  color: white;
+}
 
 .bd-websites {
   --gap: 0px;
@@ -34308,9 +34312,9 @@ has-background-moon.is-hoverable:active {
   }
 }
 .bd-carbon {
-  aspect-ratio: 40/26;
+  aspect-ratio: 40/28;
-  max-height: 280px !important;
+  height: 280px !important;
-  max-width: 400px !important;
+  width: 400px !important;
 }
 .bd-carbon, .bd-carbon > div {
   align-items: center;
@@ -34318,9 +34322,12 @@ has-background-moon.is-hoverable:active {
   justify-content: center;
 }
 .bd-carbon > div {
-  aspect-ratio: 40/26;
+  aspect-ratio: 40/28;
 }
 
+.highlight:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
 .highlight {
   background-color: var(--hl-gray-09);
   border-radius: var(--hl-radius);
@@ -34328,9 +34335,6 @@ has-background-moon.is-hoverable:active {
   font-size: 0.875em;
   position: relative;
 }
-.highlight:not(:last-child) {
-  margin-bottom: 1.5rem;
-}
 .highlight.bd-is-hovering {
   box-shadow: inset 0 0 0 2px var(--hl-orange);
 }
@@ -37260,6 +37264,7 @@ svg {
 .masterclass-body {
   background-color: #333;
   position: relative;
+  background-color: #111;
   background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/assets/images/coding-background.jpg);
   background-repeat: no-repeat;
   background-position: center;
@@ -37315,8 +37320,8 @@ div.shine {
   }
 }
 .launch-code {
-  animation-name: anim-fade-in;
   animation-duration: 1s;
+  background-color: #111;
   background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/images/coding-background.jpg);
   background-size: cover;
   background-position: center;
@@ -37398,9 +37403,3 @@ div.shine {
     flex-basis: 30rem;
   }
 }
-@media screen and (min-width: 1024px) {
-  .launch-code {
-    animation-name: anim-slide-down;
-    z-index: 40;
-  }
-}

docs/package-lock.json

@@ -9,9 +9,9 @@
       "version": "1.0.1",
       "license": "MIT",
       "devDependencies": {
-        "@shopify/prettier-plugin-liquid": "^1.6.1",
+        "@shopify/prettier-plugin-liquid": "^1.10.0",
-        "prettier": "^3.4.1",
+        "prettier": "^3.7.4",
-        "sass": "^1.81.0"
+        "sass": "^1.94.2"
       }
     },
     "node_modules/@parcel/watcher": {
@@ -325,24 +325,24 @@
       }
     },
     "node_modules/@shopify/liquid-html-parser": {
-      "version": "2.1.1",
+      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/@shopify/liquid-html-parser/-/liquid-html-parser-2.9.0.tgz",
-      "integrity": "sha512-5shGZTB7tK28MzawqBb82n6fbn+77U6al5UrOcUruBUj3GNqHJWjzZVPtXq4fQHrFpXFu6l11x+z+ggdUHT0Ng==",
+      "integrity": "sha512-bkI4tLbU47YUxpgbMa9fgeJjFEMvRNEFL644Yk0ZKo5H1IRzU4pPyCQ6PkGvb0JJnt7OZ+RDGvb6ZLCnAR2Z/A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "line-column": "^1.0.2",
-        "ohm-js": "^16.3.0"
+        "ohm-js": "^17.0.0"
       }
     },
     "node_modules/@shopify/prettier-plugin-liquid": {
-      "version": "1.6.1",
+      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.6.1.tgz",
+      "resolved": "https://registry.npmjs.org/@shopify/prettier-plugin-liquid/-/prettier-plugin-liquid-1.10.0.tgz",
-      "integrity": "sha512-l72sIdCF/GvRsGe3t3rbr0sEIg65Q83yamVoTDjsi9VhXbZJTnrIo/ZSe2dJJFOch61n8zi3tWM9jPjbzEblmA==",
+      "integrity": "sha512-csHYjwuT34o8ja6EY0dUBYQS5UVwsKwRYxGiuG816Ov0B8lVd8FUjOwWUk2SnrNx3cGgL0no7z+Byapp7sC1Uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@shopify/liquid-html-parser": "^2.1.1",
+        "@shopify/liquid-html-parser": "^2.9.0",
         "html-styles": "^1.0.0"
       },
       "peerDependencies": {
@@ -511,9 +511,9 @@
       "optional": true
     },
     "node_modules/ohm-js": {
-      "version": "16.6.0",
+      "version": "17.2.1",
-      "resolved": "https://registry.npmjs.org/ohm-js/-/ohm-js-16.6.0.tgz",
+      "resolved": "https://registry.npmjs.org/ohm-js/-/ohm-js-17.2.1.tgz",
-      "integrity": "sha512-X9P4koSGa7swgVQ0gt71UCYtkAQGOjciJPJAz74kDxWt8nXbH5HrDOQG6qBDH7SR40ktNv4x61BwpTDE9q4lRA==",
+      "integrity": "sha512-4cXF0G09fAYU9z61kTfkNbKK1Kz/sGEZ5NbVWHoe9Qi7VB7y+Spwk051CpUTfUENdlIr+vt8tMV4/LosTE2cDQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -535,9 +535,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.4.1",
+      "version": "3.7.4",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz",
-      "integrity": "sha512-G+YdqtITVZmOJje6QkXQWzl3fSfMxFwm1tjTyo9exhkmWSqC4Yhd1+lug++IlR2mvRVAxEDDWYkQdeSztajqgg==",
+      "integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -565,9 +565,9 @@
       }
     },
     "node_modules/sass": {
-      "version": "1.81.0",
+      "version": "1.94.2",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.81.0.tgz",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.94.2.tgz",
-      "integrity": "sha512-Q4fOxRfhmv3sqCLoGfvrC9pRV8btc0UtqL9mN6Yrv6Qi9ScL55CVH1vlPP863ISLEEMNLLuu9P+enCeGHlnzhA==",
+      "integrity": "sha512-N+7WK20/wOr7CzA2snJcUSSNTCzeCGUTFY3OgeQP3mZ1aj9NMQ0mSTXwlrnd89j33zzQJGqIN52GIOmYrfq46A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {

docs/package.json

@@ -12,8 +12,8 @@
     "start": "npm run website-sass -- --watch"
   },
   "devDependencies": {
-    "@shopify/prettier-plugin-liquid": "^1.6.1",
+    "@shopify/prettier-plugin-liquid": "^1.10.0",
-    "prettier": "^3.4.1",
+    "prettier": "^3.7.4",
-    "sass": "^1.81.0"
+    "sass": "^1.94.2"
   }
 }

docs/website.scss

@@ -638,8 +638,8 @@ $container-max-width: iv.$fullhd;
 .shine {
   --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
   transition: var(--transition);
-  transition-property: --gradient-angle-offset, --gradient-percent,
+  transition-property:
-    --gradient-shine;
+    --gradient-angle-offset, --gradient-percent, --gradient-shine;
 
   &,
   &::before,
@@ -725,7 +725,9 @@ $container-max-width: iv.$fullhd;
 .masterclass-body {
   background-color: #333;
   position: relative;
-  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
+  background-color: #111;
+  background-image:
+    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
     url(/assets/images/coding-background.jpg);
   background-repeat: no-repeat;
   background-position: center;
@@ -784,9 +786,10 @@ div.shine {
 }
 
 .launch-code {
-  animation-name: anim-fade-in;
   animation-duration: 1s;
-  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
+  background-color: #111;
+  background-image:
+    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
     url(/assets/images/coding-background.jpg);
   background-size: cover;
   background-position: center;
@@ -878,10 +881,3 @@ div.shine {
     }
   }
 }
-
-@media screen and (min-width: 1024px) {
-  .launch-code {
-    animation-name: anim-slide-down;
-    z-index: 40;
-  }
-}

package.json

@@ -29,11 +29,11 @@
     "url": "https://github.com/jgthms/bulma/issues"
   },
   "devDependencies": {
-    "cssnano": "^7.0.6",
+    "cssnano": "^7.1.2",
     "postcss-cli": "^11.0.1",
-    "prettier": "^3.5.3",
+    "prettier": "^3.7.4",
-    "rimraf": "^6.0.1",
+    "rimraf": "^6.1.2",
-    "sass": "^1.86.3"
+    "sass": "^1.94.2"
   },
   "scripts": {
     "build-bulma": "sass --style=expanded --source-map bulma.scss css/bulma.css",
@@ -59,4 +59,4 @@
     "LICENSE",
     "README.md"
   ]
-}
+}