Collapse flex utility classes.

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index d4600106717ed96bae052ef7686e03ce1ca3532b..2d3b4a10f800bbb6334e3d793821489b53353055 100644 (file)
--- 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;
                }