refactor(aio): include print styles last to overwrite other styles (#23538)

PR Close #23538

aio/src/styles/1-layouts/_layouts-dir.scss

@@ -12,4 +12,3 @@
 @import 'sidenav';
 @import 'table-of-contents';
 @import 'top-menu';
-@import 'print-layout';

aio/src/styles/_print.scss

@@ -16,7 +16,7 @@
 
     ul, ol, img, code-example, table, tr, .alert, .l-subsection, .feature {
         page-break-inside: avoid;
-    }   
+    }
 
     table tbody tr:last-child td {
         border-bottom: 1px solid $lightgray !important;
@@ -80,7 +80,7 @@
         }
     }
 
-    .content code { 
+    .content code {
         border: 0.5px solid $lightgray;
     }
 
@@ -96,7 +96,7 @@
         }
     }
 
-    .api-header label { 
+    .api-header label {
         color: $darkgray !important;
         font-weight: bold !important;
         margin: 2px !important;
@@ -107,4 +107,4 @@
     .feature-section img {
         max-width: 70px !important;
     }
-}
+}

aio/src/styles/main.scss

@@ -12,3 +12,6 @@
 @import './0-base/base-dir';
 @import './1-layouts/layouts-dir';
 @import './2-modules/modules-dir';
+
+// import print styles
+@import './print';