chore(layout-grid): format Sass files

PiperOrigin-RevId: 317911996

Author: asyncliz

packages/mdc-layout-grid/_mixins.scss

@@ -131,7 +131,10 @@
     grid-gap: $gutter;
     // stylelint-disable-next-line declaration-block-no-duplicate-properties
     grid-gap: var(--mdc-layout-grid-gutter-#{$size}, $gutter);
-    grid-template-columns: repeat(map.get(variables.$columns, $size), minmax(0, 1fr));
+    grid-template-columns: repeat(
+      map.get(variables.$columns, $size),
+      minmax(0, 1fr)
+    );
   }
 }
 
@@ -157,27 +160,27 @@
 }
 
 @mixin cell-align($position) {
-  @if $position == "top" {
+  @if $position == 'top' {
     align-self: flex-start;
 
     @supports (display: grid) {
       align-self: start;
     }
   }
 
-  @if $position == "middle" {
+  @if $position == 'middle' {
     align-self: center;
   }
 
-  @if $position == "bottom" {
+  @if $position == 'bottom' {
     align-self: flex-end;
 
     @supports (display: grid) {
       align-self: end;
     }
   }
 
-  @if $position == "stretch" {
+  @if $position == 'stretch' {
     align-self: stretch;
   }
 }
@@ -191,12 +194,12 @@
   $gutter-number: $columnCount - 1;
   $margin-number: 2;
 
-  width: $column-width * $columnCount + $gutter * $gutter-number + $margin * $margin-number;
+  width: $column-width * $columnCount + $gutter * $gutter-number + $margin *
+    $margin-number;
   // stylelint-disable-next-line declaration-block-no-duplicate-properties
-  width:
-    calc(
-      var(--mdc-layout-grid-column-width-#{$size}, #{$column-width}) * #{$columnCount} +
+  width: calc(
+    var(--mdc-layout-grid-column-width-#{$size}, #{$column-width}) * #{$columnCount} +
       var(--mdc-layout-grid-gutter-#{$size}, #{$gutter}) * #{$gutter-number} +
       var(--mdc-layout-grid-margin-#{$size}, #{$margin}) * #{$margin-number}
-    );
+  );
 }

packages/mdc-layout-grid/_variables.scss

@@ -21,31 +21,31 @@
 $breakpoints: (
   desktop: 840px,
   tablet: 600px,
-  phone: 0px
+  phone: 0px,
 ) !default;
 
 $columns: (
   desktop: 12,
   tablet: 8,
-  phone: 4
+  phone: 4,
 ) !default;
 
 $default-margin: (
   desktop: 24px,
   tablet: 16px,
-  phone: 16px
+  phone: 16px,
 ) !default;
 
 $default-gutter: (
   desktop: 24px,
   tablet: 16px,
-  phone: 16px
+  phone: 16px,
 ) !default;
 
 $column-width: (
   desktop: 72px,
   tablet: 72px,
-  phone: 72px
+  phone: 72px,
 ) !default;
 
 $default-column-span: 4 !default;

packages/mdc-layout-grid/mdc-layout-grid.scss

@@ -25,9 +25,18 @@
 
 :root {
   @each $size in map.keys(variables.$columns) {
-    --mdc-layout-grid-margin-#{$size}: #{map.get(variables.$default-margin, $size)};
-    --mdc-layout-grid-gutter-#{$size}: #{map.get(variables.$default-gutter, $size)};
-    --mdc-layout-grid-column-width-#{$size}: #{map.get(variables.$column-width, $size)};
+    --mdc-layout-grid-margin-#{$size}: #{map.get(
+        variables.$default-margin,
+        $size
+      )};
+    --mdc-layout-grid-gutter-#{$size}: #{map.get(
+        variables.$default-gutter,
+        $size
+      )};
+    --mdc-layout-grid-column-width-#{$size}: #{map.get(
+        variables.$column-width,
+        $size
+      )};
   }
 }
 
@@ -67,7 +76,7 @@
         // Span classes.
         // stylelint-disable max-nesting-depth
         @at-root .mdc-layout-grid__cell--span-#{$span},
-        .mdc-layout-grid__cell--span-#{$span}-#{$size} {
+          .mdc-layout-grid__cell--span-#{$span}-#{$size} {
           @include mixins.cell-span_($size, $span, $gutter);
         }
         // stylelint-enable max-nesting-depth
@@ -103,7 +112,12 @@
       $gutter: map.get(variables.$default-gutter, $size);
       $column-width: map.get(variables.$column-width, $size);
 
-      @include mixins.fixed-column-width($size, $margin, $gutter, $column-width);
+      @include mixins.fixed-column-width(
+        $size,
+        $margin,
+        $gutter,
+        $column-width
+      );
     }
   }
 }