Reformat SCSS sources using Prettier (#1454)

google · Mar 2, 2023 · c3df161 · c3df161
1 parent d705fb7
commit c3df161
Show file tree

Hide file tree

Showing 25 changed files with 865 additions and 838 deletions.
diff --git a/assets/scss/_alerts.scss b/assets/scss/_alerts.scss
@@ -1,20 +1,20 @@
 // Style alert boxes.
 
 .alert {
-    font-weight: $font-weight-medium;
-    background: $white;
-    color: inherit;
-    border-radius: 0;
+  font-weight: $font-weight-medium;
+  background: $white;
+  color: inherit;
+  border-radius: 0;
 
-    @each $color, $value in $theme-colors {
-        &-#{$color} {
-            & .alert-heading {
-                color: $value;
-            }
+  @each $color, $value in $theme-colors {
+    &-#{$color} {
+      & .alert-heading {
+        color: $value;
+      }
 
-            border-style: solid;
-            border-color: $value;
-            border-width: 0 0 0 4px;
-        }
+      border-style: solid;
+      border-color: $value;
+      border-width: 0 0 0 4px;
     }
-}
+  }
+}
diff --git a/assets/scss/_blog.scss b/assets/scss/_blog.scss
@@ -11,4 +11,4 @@
     display: none;
     @extend .d-lg-block;
   }
-}
+}
diff --git a/assets/scss/_boxes.scss b/assets/scss/_boxes.scss
@@ -1,127 +1,138 @@
 // Boxes on the home page and similar.
-.td-box {}
+.td-box {
+}
 
 // box-variant creates the main style for a colored section used on the site.
 @mixin box-variant($parent, $color-name, $color-value) {
-    $text-color: color-contrast($color-value);
-    $link-color: mix($blue, $text-color, lightness($color-value));
-    $link-hover-color: rgba($link-color, 0.5) !default;
-
-    #{$parent} {
-        &--#{$color-name} {
-            color: $text-color;
-            background-color: #{$color-value};
-
-            .td-arrow-down {
-                &::before {
-                    left: 50%;
-                    margin-left: -30px;
-                    bottom: -25px;
-                    border: {
-                        style: solid;
-                        width: 25px 30px 0 30px;
-                        color: #{$color-value} transparent transparent transparent;
-                    };
-                    z-index: 3;
-                    position: absolute;
-                    content: "";
-                }
-            }
+  $text-color: color-contrast($color-value);
+  $link-color: mix($blue, $text-color, lightness($color-value));
+  $link-hover-color: rgba($link-color, 0.5) !default;
+
+  #{$parent} {
+    &--#{$color-name} {
+      color: $text-color;
+      background-color: #{$color-value};
+
+      .td-arrow-down {
+        &::before {
+          left: 50%;
+          margin-left: -30px;
+          bottom: -25px;
+          border: {
+            style: solid;
+            width: 25px 30px 0 30px;
+            color: #{$color-value} transparent transparent transparent;
+          }
+          z-index: 3;
+          position: absolute;
+          content: "";
         }
+      }
     }
+  }
 
-    // Improve contrast for the links in paragraphs.
-    @include link-variant("#{$parent}--#{$color-name} p > a", $link-color, $link-hover-color, false);
-
-    @if $enable-gradients {
-        @include bg-gradient-variant("#{$parent}--1#{$color-name}#{$parent}--gradient", $color-value, true);
-    }
+  // Improve contrast for the links in paragraphs.
+  @include link-variant(
+    "#{$parent}--#{$color-name} p > a",
+    $link-color,
+    $link-hover-color,
+    false
+  );
+
+  @if $enable-gradients {
+    @include bg-gradient-variant(
+      "#{$parent}--1#{$color-name}#{$parent}--gradient",
+      $color-value,
+      true
+    );
+  }
 }
 
 // Common min-height modifiers used for boxes.
 @mixin td-box-height-modifiers($parent) {
-    #{$parent} {
-        &--height-auto {}
+  #{$parent} {
+    &--height-auto {
+    }
 
-        &--height-min {
-            min-height: 300px;
-        }
+    &--height-min {
+      min-height: 300px;
+    }
 
-        &--height-med {
-            min-height: 400px;
-        }
+    &--height-med {
+      min-height: 400px;
+    }
 
-        &--height-max {
-            min-height: 500px;
-        }
+    &--height-max {
+      min-height: 500px;
+    }
 
-        &--height-full {
-            min-height: 100vh;
-        }
+    &--height-full {
+      min-height: 100vh;
+    }
 
-        @include media-breakpoint-up(md) {
-            &--height-min {
-                min-height: 450px;
-            }
+    @include media-breakpoint-up(md) {
+      &--height-min {
+        min-height: 450px;
+      }
 
-            &--height-med {
-                min-height: 500px;
-            }
+      &--height-med {
+        min-height: 500px;
+      }
 
-            &--height-max {
-                min-height: 650px;
-            }
-        }
+      &--height-max {
+        min-height: 650px;
+      }
     }
+  }
 }
 
 @include td-box-height-modifiers(".td-box");
 
 // Styling for section boxes
 .td-box {
   .row.section {
-       padding-left: 5vw;
-       padding-right: 5vw;
-       flex-direction: column;
+    padding-left: 5vw;
+    padding-right: 5vw;
+    flex-direction: column;
 
-       > table {
-        @extend .table-striped;
+    > table {
+      @extend .table-striped;
 
-        @extend .table-responsive;
+      @extend .table-responsive;
 
-        @extend .table;
-       }
-   }
+      @extend .table;
+    }
+  }
 
   .row {
-       padding-left: 5vw;
-       padding-right: 5vw;
-       flex-direction: row;
+    padding-left: 5vw;
+    padding-right: 5vw;
+    flex-direction: row;
   }
 }
 // Styling for community page link boxes
 
 .td-box.linkbox {
-   padding: 5vh 5vw;
+  padding: 5vh 5vw;
 }
 
 // This allows "painting by numbers"
 @for $i from 1 through length($td-box-colors) {
-    $c: nth($td-box-colors, $i);
-    $name: $i - 1;
+  $c: nth($td-box-colors, $i);
+  $name: $i - 1;
 
-    @include box-variant(".td-box", $name, $c);
+  @include box-variant(".td-box", $name, $c);
 }
 
 // Same as above with all the theme color names.
 @each $color, $value in $colors {
-    @include box-variant(".td-box", $color, $value);
+  @include box-variant(".td-box", $color, $value);
 }
 
 @each $color, $value in $theme-colors {
-    @include box-variant(".td-box", $color, $value);
+  @include box-variant(".td-box", $color, $value);
 }
 
 @each $color, $value in $grays {
-    @include box-variant(".td-box", $color, $value);
+  @include box-variant(".td-box", $color, $value);
 }
diff --git a/assets/scss/_breadcrumb.scss b/assets/scss/_breadcrumb.scss
@@ -1,7 +1,9 @@
 // Breadcrumb
 
 .td-breadcrumbs {
-  @media print {display: none !important; }
+  @media print {
+    display: none !important;
+  }
 
   .breadcrumb {
     background: inherit;

diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss
@@ -1,15 +1,15 @@
 // Buttons
 
 @if $enable-rounded {
-    .btn {
-        border-radius: 1rem;
+  .btn {
+    border-radius: 1rem;
 
-        &-lg {
-            border-radius: 2rem;
-        }
+    &-lg {
+      border-radius: 2rem;
+    }
 
-        &-sm {
-            border-radius: 1rem;
-        }
+    &-sm {
+      border-radius: 1rem;
     }
+  }
 }