calc() width

HansAcker · Jun 30, 2024 · e5644d9 · e5644d9
1 parent b40a9de
commit e5644d9
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/html/css/style.css b/html/css/style.css
@@ -17,24 +17,23 @@ body {
 }
 
 table {
-	width: 25%;
+	/* TODO: set tabs per row from aspect-ratio */
+	--baseWidth: calc(100% / 4);
+	width: var(--baseWidth);
+	float: left;
+	border: 1px solid #f94;
 }
 
 table.narrow {
-	width: 15%;
+	width: calc(var(--baseWidth) * 0.6);
 }
 
 table.wide {
-	width: 35%;
+	width: calc(var(--baseWidth) * 1.4);
 }
 
 table.wider {
-	width: 50%;
-}
-
-table {
-	float: left;
-	border: 1px solid #f94;
+	width: calc(var(--baseWidth) * 2);
 }
 
 td, th {