fix scss

apps/app/src/components/DescendantsPageListModal.module.scss

@@ -1,7 +1,7 @@
 .grw-descendants-page-list-modal :global {
   .modal-header {
     button.btn-close {
-      margin: auto 0rem auto auto;
+      margin: auto 0 auto auto;
     }
   }
 
@@ -13,6 +13,6 @@
     max-height: calc(100vh - 100px);
   }
   ul.pagination {
-    margin-bottom: 0rem;
+    margin-bottom: 0;
   }
 }

apps/app/src/components/PageContentFooter.module.scss

@@ -6,6 +6,7 @@
     font-size: 0.95em;
   }
 }
+
 // TODO: Should Soft Coding see: https://github.com/weseek/growi/pull/6404
 .page-content-footer-skeleton :global {
   width: 300px;

apps/app/src/components/PagePresentationModal.module.scss

@@ -1,8 +1,7 @@
 @use '~/styles/_modal';
 
 .grw-presentation-modal :global {
-
-  @include modal.expand-modal-fullscreen(false, false, 0px);
+  @include modal.expand-modal-fullscreen(false, false, 0);
 
   .modal-content {
     background-color: transparent;

apps/app/src/components/PageStatusAlert.module.scss

@@ -4,7 +4,7 @@
 .grw-page-status-alert :global {
   $margin-bottom: var.$grw-navbar-bottom-height + 10px;
 
-  box-shadow: 0px 2px 4px #0000004d;
+  box-shadow: 0 2px 4px #0000004d;
   opacity: 0.9;
 
   @include bs.media-breakpoint-down(sm) {

apps/app/src/components/SearchTypeahead.module.scss

@@ -3,6 +3,7 @@
 .search-typeahead :global {
   position: relative;
   width: 100%;
+
   // corner radius
   border-top-right-radius: bs.$border-radius;
   border-bottom-right-radius: bs.$border-radius;

apps/app/src/components/ShortcutsModal.module.scss

@@ -25,20 +25,22 @@
 
   // see http://coliss.com/articles/build-websites/operation/css/css-apple-keyboard-style-by-nrjmadan.html
   .key {
-    /*Box Properties*/
+    /* Box Properties */
     display: inline-block;
     width: 36px;
     height: 36px;
-    margin: 0px 4px;
-    /*Text Properties*/
+    margin: 0 4px;
+
+    /* Text Properties */
     font: 18px/36px Helvetica, serif;
     color: bs.$secondary;
     text-align: center;
     text-transform: uppercase;
     background: white;
     border-radius: 4px;
-    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
-    /* SVG Properties*/
+    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 50%);
+
+    /* SVG Properties */
     polygon {
       fill: bs.$secondary;
     }
@@ -63,9 +65,11 @@
       display: flex;
       align-items: center;
       justify-content: flex-end;
+
       // width: 180px;
       height: 41px;
     }
+
     // dd {
     //   margin-left: 190px;
     // }

apps/app/src/components/TableOfContents.module.scss

@@ -5,7 +5,6 @@
   z-index: 1;
   padding: 5px;
   font-size: 0.9em;
-
   border-bottom: 1px solid transparent;
 
   .revision-toc-content {

apps/app/src/components/TagList.module.scss

@@ -17,6 +17,7 @@
     }
   }
 }
+
 @include bs.color-mode(dark) {
   .grw-tag-list :global {
     .grw-tag-count {

apps/app/src/components/UsersHomepageFooter.module.scss

@@ -1,4 +1,5 @@
 @use '@growi/ui/scss/molecules/page_list';
+
 $grw-sidebar-content-header-height: 58px;
 $grw-sidebar-content-footer-height: 50px;
 
@@ -28,8 +29,9 @@ $grw-sidebar-content-footer-height: 50px;
           width: 20px;
           height: 20px;
         }
+
         min-height: 40px;
-        border-radius: 0px;
+        border-radius: 0;
 
         &.grw-bookmark-item-list {
           .picture {

apps/app/src/styles/_layout.scss

@@ -1,5 +1,4 @@
 @use '@growi/core-styles/scss/bootstrap/init' as bs;
-
 @use './variables' as var;
 
 body {
@@ -74,7 +73,7 @@ body {
     padding: 30px;
   }
 
-  a:after {
+  a::after {
     display: none !important;
   }
 

apps/app/src/styles/_modal.scss

@@ -16,14 +16,16 @@
   .modal-body {
     $modal-header: 54px;
     $modal-footer: 46px;
+    $margin-body: 0;
 
-    $margin-body: 0px;
     @if $hasModalHeader {
       $margin-body: $margin-body + $modal-header;
     }
+
     @if $hasModalFooter {
       $margin-body: $margin-body + $modal-footer;
     }
+
     height: calc(100% - #{$margin-body});
   }
 }

apps/app/src/styles/_share-link.scss

@@ -1,6 +1,6 @@
 @use './mixins';
 
-@include mixins.share-link() {
+@include mixins.share-link {
   .d-share-link-none {
     display: none !important;
   }

apps/app/src/styles/_variables.scss

@@ -7,7 +7,5 @@ $grw-marker-green: #6f6;
 
 //== Layout
 $grw-sidebar-nav-width: 48px;
-
 $grw-navbar-bottom-height: 62px;
-
 $grw-scroll-margin-top-in-view: 130px;

apps/app/src/styles/style-app.scss

@@ -1,6 +1,5 @@
 @import '@growi/core-styles/scss/helpers/flex-expand';
 @import '@growi/core-styles/scss/helpers/rotate';
-
 @import 'mixins';
 
 // atoms
@@ -12,6 +11,7 @@
 // molecules
 @import 'molecules/toastr';
 @import 'molecules/list-group-item';
+
 // @import 'molecules/duplicated-paths-table.scss';
 
 // organisms
@@ -83,13 +83,13 @@
 }
 
 .cmd-key.mac {
-  &:after {
+  &::after {
     content: '⌘';
   }
 }
 
 .cmd-key.win {
-  &:after {
+  &::after {
     content: 'Ctrl';
   }
 }

apps/app/src/styles/vendor.scss

@@ -1,5 +1,4 @@
 @import '@growi/core-styles/scss/bootstrap/apply';
-
 @import '@growi/ui/dist/style';
 
 // react-bootstrap-typeahead