chore: Fix sass warnings (#47)

cloudscape-design · Sep 23, 2024 · 8b7dafb · 8b7dafb
1 parent 00041cd
commit 8b7dafb
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 21 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/scripts/compile-styles.js b/scripts/compile-styles.js
@@ -2,4 +2,4 @@
 // SPDX-License-Identifier: Apache-2.0
 import { buildStyles } from "@cloudscape-design/theming-build/internal";
 
-await buildStyles("src", "lib/components");
+await buildStyles("src", "lib/components", [], { failOnDeprecations: true });
diff --git a/src/code-view/styles.scss b/src/code-view/styles.scss
@@ -17,20 +17,6 @@ $color-background-code-view-dark: #282c34;
 }
 
 .code {
-  :global(.awsui-dark-mode) &,
-  :global(.awsui-polaris-dark-mode) & {
-    background-color: $color-background-code-view-dark;
-  }
-  &-with-line-numbers {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-    flex: 1;
-  }
-  &-with-actions {
-    min-block-size: cs.$space-scaled-xxl;
-    padding-inline-end: calc(2 * cs.$space-static-xxxl);
-    align-items: center;
-  }
   background-color: $color-background-code-view-light;
   display: flex;
   border-start-start-radius: cs.$border-radius-tiles;
@@ -42,16 +28,23 @@ $color-background-code-view-dark: #282c34;
   margin-block: 0;
   margin-inline: 0;
   overflow: auto;
-}
-
-.line-numbers {
   :global(.awsui-dark-mode) &,
   :global(.awsui-polaris-dark-mode) & {
     background-color: $color-background-code-view-dark;
   }
+  &-with-line-numbers {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    flex: 1;
+  }
   &-with-actions {
     min-block-size: cs.$space-scaled-xxl;
+    padding-inline-end: calc(2 * cs.$space-static-xxxl);
+    align-items: center;
   }
+}
+
+.line-numbers {
   border-start-start-radius: cs.$border-radius-tiles;
   border-end-start-radius: cs.$border-radius-tiles;
   background-color: $color-background-code-view-light;
@@ -64,6 +57,13 @@ $color-background-code-view-dark: #282c34;
   border-inline-end-style: solid;
   border-inline-end-color: cs.$color-border-divider-default;
   justify-content: center;
+  :global(.awsui-dark-mode) &,
+  :global(.awsui-polaris-dark-mode) & {
+    background-color: $color-background-code-view-dark;
+  }
+  &-with-actions {
+    min-block-size: cs.$space-scaled-xxl;
+  }
 }
 
 .actions {