Flex Basis
| Class | Properties |
|---|---|
| gl-basis-0 | flex-basis: 0; |
| gl-basis-1 | flex-basis: 0.125rem; /* 2px */ |
| gl-basis-2 | flex-basis: 0.25rem; /* 4px */ |
| gl-basis-3 | flex-basis: 0.5rem; /* 8px */ |
| gl-basis-4 | flex-basis: 0.75rem; /* 12px */ |
| gl-basis-5 | flex-basis: 1rem; /* 16px */ |
| gl-basis-6 | flex-basis: 1.5rem; /* 24px */ |
| gl-basis-7 | flex-basis: 2rem; /* 32px */ |
| gl-basis-8 | flex-basis: 2.5rem; /* 40px */ |
| gl-basis-9 | flex-basis: 3rem; /* 48px */ |
| gl-basis-10 | flex-basis: 3.5rem; /* 56px */ |
| gl-basis-11 | flex-basis: 4rem; /* 64px */ |
| gl-basis-12 | flex-basis: 5rem; /* 80px */ |
| gl-basis-13 | flex-basis: 6rem; /* 96px */ |
| gl-basis-15 | flex-basis: 7.5rem; /* 120px */ |
| gl-basis-20 | flex-basis: 10rem; /* 160px */ |
| gl-basis-26 | flex-basis: 13rem; /* 208px */ |
| gl-basis-28 | flex-basis: 14rem; /* 224px */ |
| gl-basis-30 | flex-basis: 15rem; /* 240px */ |
| gl-basis-31 | flex-basis: 15.5rem; /* 248px */ |
| gl-basis-34 | flex-basis: 17rem; /* 272px */ |
| gl-basis-48 | flex-basis: 24rem; /* 384px */ |
| gl-basis-62 | flex-basis: 31rem; /* 496px */ |
| gl-basis-75 | flex-basis: 37.5rem; /* 600px */ |
| gl-basis-80 | flex-basis: 40rem; /* 640px */ |
| gl-basis-88 | flex-basis: 44rem; /* 704px */ |
| gl-basis-auto | flex-basis: auto; |
| gl-basis-px | flex-basis: 1px; |
| gl-basis-11-5 | flex-basis: 4.5rem; /* 72px */ |
| gl-basis-1\/2 | flex-basis: 50%; |
| gl-basis-1\/3 | flex-basis: 33.333333%; |
| gl-basis-2\/3 | flex-basis: 66.666667%; |
| gl-basis-1\/4 | flex-basis: 25%; |
| gl-basis-2\/4 | flex-basis: 50%; |
| gl-basis-3\/4 | flex-basis: 75%; |
| gl-basis-1\/5 | flex-basis: 20%; |
| gl-basis-2\/5 | flex-basis: 40%; |
| gl-basis-3\/5 | flex-basis: 60%; |
| gl-basis-4\/5 | flex-basis: 80%; |
| gl-basis-1\/6 | flex-basis: 16.666667%; |
| gl-basis-2\/6 | flex-basis: 33.333333%; |
| gl-basis-3\/6 | flex-basis: 50%; |
| gl-basis-4\/6 | flex-basis: 66.666667%; |
| gl-basis-5\/6 | flex-basis: 83.333333%; |
| gl-basis-1\/12 | flex-basis: 8.333333%; |
| gl-basis-2\/12 | flex-basis: 16.666667%; |
| gl-basis-3\/12 | flex-basis: 25%; |
| gl-basis-4\/12 | flex-basis: 33.333333%; |
| gl-basis-5\/12 | flex-basis: 41.666667%; |
| gl-basis-6\/12 | flex-basis: 50%; |
| gl-basis-7\/12 | flex-basis: 58.333333%; |
| gl-basis-8\/12 | flex-basis: 66.666667%; |
| gl-basis-9\/12 | flex-basis: 75%; |
| gl-basis-10\/12 | flex-basis: 83.333333%; |
| gl-basis-11\/12 | flex-basis: 91.666667%; |
| gl-basis-full | flex-basis: 100%; |