diff options
| author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2022-05-17 10:00:08 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2022-05-17 10:00:08 +0300 |
| commit | 9a3dbbff22d67e107094c98c4a390c2d38bc0c67 (patch) | |
| tree | 7a1268c1dc95a0a3b64524587c0d64f4639c7d5f | |
| parent | f112f631d9c4c3c1b6cca44d00cfcdb962a88b29 (diff) | |
| download | missing-9a3dbbff22d67e107094c98c4a390c2d38bc0c67.tar.gz missing-9a3dbbff22d67e107094c98c4a390c2d38bc0c67.zip | |
fix columns
| -rw-r--r-- | src/util/layout.css | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/util/layout.css b/src/util/layout.css index 34c87e4..744316c 100644 --- a/src/util/layout.css +++ b/src/util/layout.css @@ -21,19 +21,19 @@ .colwidth-m { --col-width: 24ch } .colwidth-s { --col-width: 15ch } -.col-0 { flex-grow: 0 } -.col-1 { flex-grow: 1 } -.col-2 { flex-grow: 2 } -.col-3 { flex-grow: 3 } -.col-4 { flex-grow: 4 } -.col-5 { flex-grow: 5 } -.col-6 { flex-grow: 6 } -.col-7 { flex-grow: 7 } -.col-8 { flex-grow: 8 } -.col-9 { flex-grow: 9 } -.col-10 { flex-grow: 10 } -.col-11 { flex-grow: 11 } -.col-12 { flex-grow: 12 } +.col-0 { flex-grow: 0 ; flex-basis: calc(0 * var(--col-width)) } +.col-1 { flex-grow: 1 ; flex-basis: calc(1 * var(--col-width)) } +.col-2 { flex-grow: 2 ; flex-basis: calc(2 * var(--col-width)) } +.col-3 { flex-grow: 3 ; flex-basis: calc(3 * var(--col-width)) } +.col-4 { flex-grow: 4 ; flex-basis: calc(4 * var(--col-width)) } +.col-5 { flex-grow: 5 ; flex-basis: calc(5 * var(--col-width)) } +.col-6 { flex-grow: 6 ; flex-basis: calc(6 * var(--col-width)) } +.col-7 { flex-grow: 7 ; flex-basis: calc(7 * var(--col-width)) } +.col-8 { flex-grow: 8 ; flex-basis: calc(8 * var(--col-width)) } +.col-9 { flex-grow: 9 ; flex-basis: calc(9 * var(--col-width)) } +.col-10 { flex-grow: 10; flex-basis: calc(10 * var(--col-width)) } +.col-11 { flex-grow: 11; flex-basis: calc(11 * var(--col-width)) } +.col-12 { flex-grow: 12; flex-basis: calc(12 * var(--col-width)) } /**/ |