Fix #3856

CHANGELOG.md

@@ -32,6 +32,7 @@
 - Fix #3799: restore variable columns
 - Fix #3846: restore `--bulma-column-gap` CSS variable
 - Fix #3775: `has-background` helpers should only affect element it's applied to
+- Fix #3856: Sass nested rule deprecation warning
 
 ## 1.0.1
 

css/bulma.css

@@ -7490,9 +7490,6 @@ body.has-navbar-fixed-bottom {
   position: relative;
   vertical-align: top;
   width: 2.5rem;
-  align-self: center;
-  margin-inline-start: auto;
-  margin-inline-end: 0.375rem;
 }
 .navbar-burger span {
   background-color: currentColor;
@@ -7530,6 +7527,11 @@ body.has-navbar-fixed-bottom {
 .navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) {
   opacity: 0;
 }
+.navbar-burger {
+  align-self: center;
+  margin-inline-start: auto;
+  margin-inline-end: 0.375rem;
+}
 
 .navbar-menu {
   display: none;

css/versions/bulma-no-dark-mode.css

@@ -4687,9 +4687,6 @@ body.has-navbar-fixed-bottom {
   position: relative;
   vertical-align: top;
   width: 2.5rem;
-  align-self: center;
-  margin-inline-start: auto;
-  margin-inline-end: 0.375rem;
 }
 .navbar-burger span {
   background-color: currentColor;
@@ -4727,6 +4724,11 @@ body.has-navbar-fixed-bottom {
 .navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) {
   opacity: 0;
 }
+.navbar-burger {
+  align-self: center;
+  margin-inline-start: auto;
+  margin-inline-end: 0.375rem;
+}
 
 .navbar-menu {
   display: none;

css/versions/bulma-no-helpers-prefixed.css

@@ -4687,9 +4687,6 @@ body.bulma-has-navbar-fixed-bottom {
   position: relative;
   vertical-align: top;
   width: 2.5rem;
-  align-self: center;
-  margin-inline-start: auto;
-  margin-inline-end: 0.375rem;
 }
 .bulma-navbar-burger span {
   background-color: currentColor;
@@ -4727,6 +4724,11 @@ body.bulma-has-navbar-fixed-bottom {
 .bulma-navbar-burger.bulma-is-active span:nth-child(3), .bulma-navbar-burger.bulma-is-active span:nth-child(4) {
   opacity: 0;
 }
+.bulma-navbar-burger {
+  align-self: center;
+  margin-inline-start: auto;
+  margin-inline-end: 0.375rem;
+}
 
 .bulma-navbar-menu {
   display: none;

css/versions/bulma-no-helpers.css

@@ -4687,9 +4687,6 @@ body.has-navbar-fixed-bottom {
   position: relative;
   vertical-align: top;
   width: 2.5rem;
-  align-self: center;
-  margin-inline-start: auto;
-  margin-inline-end: 0.375rem;
 }
 .navbar-burger span {
   background-color: currentColor;
@@ -4727,6 +4724,11 @@ body.has-navbar-fixed-bottom {
 .navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) {
   opacity: 0;
 }
+.navbar-burger {
+  align-self: center;
+  margin-inline-start: auto;
+  margin-inline-end: 0.375rem;
+}
 
 .navbar-menu {
   display: none;

css/versions/bulma-prefixed.min.css

@@ -7490,9 +7490,6 @@ body.bulma-has-navbar-fixed-bottom {
   position: relative;
   vertical-align: top;
   width: 2.5rem;
-  align-self: center;
-  margin-inline-start: auto;
-  margin-inline-end: 0.375rem;
 }
 .bulma-navbar-burger span {
   background-color: currentColor;
@@ -7530,6 +7527,11 @@ body.bulma-has-navbar-fixed-bottom {
 .bulma-navbar-burger.bulma-is-active span:nth-child(3), .bulma-navbar-burger.bulma-is-active span:nth-child(4) {
   opacity: 0;
 }
+.bulma-navbar-burger {
+  align-self: center;
+  margin-inline-start: auto;
+  margin-inline-end: 0.375rem;
+}
 
 .bulma-navbar-menu {
   display: none;

docs/assets/css/website.css

@@ -11909,9 +11909,6 @@ body.has-navbar-fixed-bottom {
   position: relative;
   vertical-align: top;
   width: 2.5rem;
-  align-self: center;
-  margin-inline-start: auto;
-  margin-inline-end: 0.375rem;
 }
 .navbar-burger span {
   background-color: currentColor;
@@ -11949,6 +11946,11 @@ body.has-navbar-fixed-bottom {
 .navbar-burger.is-active span:nth-child(3), .navbar-burger.is-active span:nth-child(4) {
   opacity: 0;
 }
+.navbar-burger {
+  align-self: center;
+  margin-inline-start: auto;
+  margin-inline-end: 0.375rem;
+}
 
 .navbar-menu {
   display: none;

package.json

@@ -29,11 +29,11 @@
     "url": "https://github.com/jgthms/bulma/issues"
   },
   "devDependencies": {
-    "cssnano": "^6.1.0",
+    "cssnano": "^7.0.4",
     "postcss-cli": "^11.0.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.3",
-    "rimraf": "^5.0.5",
+    "rimraf": "^6.0.1",
-    "sass": "^1.71.1"
+    "sass": "^1.77.8"
   },
   "scripts": {
     "build-bulma": "sass --style=expanded --source-map bulma.scss css/bulma.css",

sass/components/navbar.scss

@@ -254,10 +254,13 @@ body {
 .#{iv.$class-prefix}navbar-burger {
   @extend %reset;
   @include mx.burger(2.5rem);
+
+  & {
     align-self: center;
     margin-inline-start: auto;
     margin-inline-end: 0.375rem;
   }
+}
 
 .#{iv.$class-prefix}navbar-menu {
   display: none;