🐛 Fix: fix rendering errors caused by decimal points in page width st…

…yles Closes giscus/giscus#1426
hugo-fixit · Jul 28, 2024 · 16c903f · 16c903f
1 parent 7c85205
commit 16c903f
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/assets/css/_core/_media.scss b/assets/css/_core/_media.scss
@@ -1,9 +1,9 @@
 @media only screen and (min-width: 1441px) {
   %page-style {
-    width: 60%;
+    width: Round(60%, 2px);
 
     [data-page-style='wide'] & {
-      width: 64%;
+      width: Round(64%, 2px);
     }
 
     [data-page-style='narrow'] & {
@@ -14,20 +14,20 @@
 
 @media only screen and (max-width: 1440px) {
   %page-style {
-    width: 56%;
+    width: Round(56%, 2px);
 
     [data-page-style='wide'] & {
-      width: 60%;
+      width: Round(60%, 2px);
     }
   }
 }
 
 @media only screen and (max-width: 1200px) {
   %page-style {
-    width: 52%;
+    width: Round(52%, 2px);
 
     [data-page-style='wide'] & {
-      width: 56%;
+      width: Round(56%, 2px);
     }
   }
 
@@ -42,7 +42,7 @@
 
 @media only screen and (max-width: 960px) {
   %page-style {
-    width: 80% !important;
+    width: Round(80%, 2px) !important;
   }
 
   aside {