example

RakibRahman · RakibRahman · commit 6b55796f78ce · 2021-04-21T01:52:03.000+06:00
diff --git a/CSS Variables/percentage-variable.html b/CSS Variables/percentage-variable.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title>Variables with calc</title>
+    <style>
+      div {
+        background-color: blue;
+        width: 100%;
+        height: 50px;
+
+        --percentage: 30;
+        width: calc(var(--percentage) * 1%);
+        /* width: calc(var(--percentage) * 1rem); */
+      }
+    </style>
+  </head>
+
+  <body>
+    <div></div>
+  </body>
+</html>
