From 6e5a50d5f63bcf428ef1dd3161db0d4a248070c8 Mon Sep 17 00:00:00 2001
From: SYwaves <vominhquangofficial@gmail.com>
Date: Thu, 28 Dec 2023 22:20:43 +0700
Subject: [PATCH] privatizing po-padding var

---
 p3-elements.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/p3-elements.css b/p3-elements.css
index ce7c465..10b81b9 100644
--- a/p3-elements.css
+++ b/p3-elements.css
@@ -1345,7 +1345,7 @@ table[style^="margin:0;"][style*="margin:0;"] :is(tbody, tr, td) {
 }
 
 div[id*="page-options-bottom"] {
-    --po-padding: 0.5rem;
+    --_po-padding: 0.5rem;
     width: 100%;
     line-height: 1.5;
     text-align: center;
@@ -1355,9 +1355,9 @@ div[id*="page-options-bottom"] {
     height: auto;
     display: flex;
     flex-wrap: wrap;
-    row-gap: var(--po-padding);
-    padding: var(--po-padding);
-    padding-inline-end: calc(7.25rem + var(--po-padding));
+    row-gap: var(--_po-padding);
+    padding: var(--_po-padding);
+    padding-inline-end: calc(7.25rem + var(--_po-padding));
     background-color: rgb(var(--basalt-secondary-color));
     box-sizing: border-box;
 }
@@ -1383,10 +1383,10 @@ div[id*="page-options-bottom"] > a:is(:hover,:focus) {
 
 #more-options-button, #delete-button {
     position: absolute;
-    inset-block-start: var(--po-padding);
-    inset-inline-end: var(--po-padding);
-    width: calc(7.25rem - var(--po-padding));
-    height: calc(100% - var(--po-padding)*2);
+    inset-block-start: var(--_po-padding);
+    inset-inline-end: var(--_po-padding);
+    width: calc(7.25rem - var(--_po-padding));
+    height: calc(100% - var(--_po-padding)*2);
     display: flex;
     justify-content: center;
     align-items: center;
@@ -1399,7 +1399,7 @@ div[id*="page-options-bottom"] > a:is(:hover,:focus) {
     inset-block-start: 0;
     color: rgb(var(--basalt-cancel-color));
     background-color: rgb(var(--basalt-cancel-color),0.105);
-    height: calc(100% - var(--po-padding));
+    height: calc(100% - var(--_po-padding));
 }
 
 div[id*="page-options-bottom"] > a:is(:hover,:focus) {
@@ -1416,7 +1416,7 @@ div[id*="page-options-bottom"] > a:is(:hover,:focus) {
 @media only screen and (max-width: 32rem) {
     div[id*="page-options-bottom"] {
         width: 100%;
-        padding-inline-end: var(--po-padding);
+        padding-inline-end: var(--_po-padding);
     }
 
     #more-options-button, #delete-button {