Fix use of declarations after nested rules (deprecated in Sass 1.77.7) (#40623)

julien-deramond · web-flow · commit 7f8fed44fdbe · 2024-07-15T23:10:14.000+02:00
diff --git a/scss/_modal.scss b/scss/_modal.scss
@@ -59,8 +59,8 @@
 
   // When fading in the modal, animate it to slide down
   .modal.fade & {
-    @include transition($modal-transition);
     transform: $modal-fade-transform;
+    @include transition($modal-transition);
   }
   .modal.show & {
     transform: $modal-show-transform;
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -499,9 +499,9 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: $legend-margin-bottom;
-  @include font-size($legend-font-size);
   font-weight: $legend-font-weight;
   line-height: inherit;
+  @include font-size($legend-font-size);
 
   + * {
     clear: left; // 2
diff --git a/scss/_type.scss b/scss/_type.scss
@@ -34,11 +34,11 @@
 // Type display classes
 @each $display, $font-size in $display-font-sizes {
   .display-#{$display} {
-    @include font-size($font-size);
     font-family: $display-font-family;
     font-style: $display-font-style;
     font-weight: $display-font-weight;
     line-height: $display-line-height;
+    @include font-size($font-size);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -59,8 +59,8 @@`
`59`	`59`
`60`	`60`	`// When fading in the modal, animate it to slide down`
`61`	`61`	`.modal.fade & {`
`62`		`- @include transition($modal-transition);`
`63`	`62`	`transform: $modal-fade-transform;`
	`63`	`+ @include transition($modal-transition);`
`64`	`64`	`}`
`65`	`65`	`.modal.show & {`
`66`	`66`	`transform: $modal-show-transform;`
Original file line number	Diff line number	Diff line change
`@@ -34,11 +34,11 @@`
`34`	`34`	`// Type display classes`
`35`	`35`	`@each $display, $font-size in $display-font-sizes {`
`36`	`36`	`.display-#{$display} {`
`37`		`- @include font-size($font-size);`
`38`	`37`	`font-family: $display-font-family;`
`39`	`38`	`font-style: $display-font-style;`
`40`	`39`	`font-weight: $display-font-weight;`
`41`	`40`	`line-height: $display-line-height;`
	`41`	`+ @include font-size($font-size);`
`42`	`42`	`}`
`43`	`43`	`}`
`44`	`44`