From: Chris Duncan <chris@zoso.dev>
Date: Wed, 30 Oct 2024 04:34:01 +0000 (-0700)
Subject: Collapse flex utility classes.
X-Git-Url: https://zoso.dev/?a=commitdiff_plain;h=eee5d3eeeb3d2d4439d8cc953ea9122ccb5bdf3f;p=nemo-wallet.git

Collapse flex utility classes.
---

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index d460010..2d3b4a1 100644
--- a/app/pages/nemo-wallet.html
+++ b/app/pages/nemo-wallet.html
@@ -468,6 +468,7 @@
 	</script>
 	<style>
 		*{border:0;box-sizing:border-box;font:normal normal normal calc(16px + 0.1dvh) 'sans-serif';margin:0;}
+		.flex-x,.flex-y{display:flex;flex:1 0 0;justify-content:center;}.flex-x{flex-direction:row;}.flex-y{flex-direction:column;}.flex-x.top{align-items:flex-start;}.flex-y.top{justify-content:flex-start;}.flex-x.mid{align-items:center;}.flex-y.mid{justify-content:center;}.flex-x.bottom{align-items:flex-end;}.flex-y.bottom{justify-content:flex-end;}.flex-x.stretch{align-items:stretch;}.flex-y.stretch{align-items:stretch;}.flex-x.stretch>*{height:100%;}.flex-y.stretch *{width:100%;}.flex-x.left{justify-content:flex-start;}.flex-y.left{align-items:flex-start;}.flex-x.center{justify-content:center;}.flex-y.center{align-items:center;}.flex-x.right{justify-content:flex-end;}.flex-y.right{align-items:flex-end;}.flex-x.full{width:100%;}.flex-y.full{height:100%;}
 		.grid{align-items:center;display:grid;grid-template-columns:repeat(12,minmax(1rem,1fr));}.grid>.col-1{grid-column-start:auto;grid-column-end:span 1;}.grid>.col-2{grid-column-start:auto;grid-column-end:span 2;}.grid>.col-3{grid-column-start:auto;grid-column-end:span 3;}.grid>.col-4{grid-column-start:auto;grid-column-end:span 4;}.grid>.col-5{grid-column-start:auto;grid-column-end:span 5;}.grid>.col-6{grid-column-start:auto;grid-column-end:span 6;}.grid>.col-7{grid-column-start:auto;grid-column-end:span 7;}.grid>.col-8{grid-column-start:auto;grid-column-end:span 8;}.grid>.col-9{grid-column-start:auto;grid-column-end:span 9;}.grid>.col-10{grid-column-start:auto;grid-column-end:span 10;}.grid>.col-11{grid-column-start:auto;grid-column-end:span 11;}.grid>.col-12{grid-column-start:auto;grid-column-end:span 12;}.grid>.fill{grid-column-start:auto;grid-column-end:12;}
 		html {
 			--color-blue: #209CE9;
@@ -532,72 +533,6 @@
 		h1 {
 			text-align: center;
 		}
-		.flex-x,
-		.flex-y {
-			display: flex;
-			flex: 1 0 0;
-			justify-content: center;
-		}
-		.flex-x {
-			flex-direction: row;
-		}
-		.flex-y {
-			flex-direction: column;
-		}
-		.flex-x.top {
-			align-items: flex-start;
-		}
-		.flex-y.top {
-			justify-content: flex-start;
-		}
-		.flex-x.mid {
-			align-items: center;
-		}
-		.flex-y.mid {
-			justify-content: center;
-		}
-		.flex-x.bottom {
-			align-items: flex-end;
-		}
-		.flex-y.bottom {
-			justify-content: flex-end;
-		}
-		.flex-x.stretch {
-			align-items: stretch;
-		}
-		.flex-y.stretch {
-			align-items: stretch;
-		}
-		.flex-x.stretch > * {
-			height: 100%;
-		}
-		.flex-y.stretch * {
-			width: 100%;
-		}
-		.flex-x.left {
-			justify-content: flex-start;
-		}
-		.flex-y.left {
-			align-items: flex-start;
-		}
-		.flex-x.center {
-			justify-content: center;
-		}
-		.flex-y.center {
-			align-items: center;
-		}
-		.flex-x.right {
-			justify-content: flex-end;
-		}
-		.flex-y.right {
-			align-items: flex-end;
-		}
-		.flex-x.full {
-			width: 100%;
-		}
-		.flex-y.full {
-			height: 100%;
-		}
 		hr {
 			margin: revert !important;
 		}