.\\-grid-u            { display: flex; flex-wrap: wrap; }
.\\-grid-u.\-top      { align-items: flex-start; }
.\\-grid-u.\-middle   { align-items: center; }
.\\-grid-u.\-bottom   { align-items: flex-end; }
.\\-grid-u.\-stretch  { align-items: stretch; }
.\\-grid-u.\-baseline { align-items: baseline; }
.\\-grid-u.\-left     { justify-content: flex-start; }
.\\-grid-u.\-center   { justify-content: center; }
.\\-grid-u.\-right    { justify-content: flex-end; }
.\\-grid-u.\-between  { justify-content: space-between; }
.\\-grid-u.\-around   { justify-content: space-around; }

.\\-cell-u            { box-sizing: border-box; flex-shrink: 0; }
.\\-cell-u.\-fill     { width: 0; min-width: 0; flex-grow: 1; }
.\\-cell-u.\-1        { width: calc(100% * 1 / 12); }
.\\-cell-u.\-2        { width: calc(100% * 2 / 12); }
.\\-cell-u.\-3        { width: calc(100% * 3 / 12); }
.\\-cell-u.\-4        { width: calc(100% * 4 / 12); }
.\\-cell-u.\-5        { width: calc(100% * 5 / 12); }
.\\-cell-u.\-6        { width: calc(100% * 6 / 12); }
.\\-cell-u.\-7        { width: calc(100% * 7 / 12); }
.\\-cell-u.\-8        { width: calc(100% * 8 / 12); }
.\\-cell-u.\-9        { width: calc(100% * 9 / 12); }
.\\-cell-u.\-10       { width: calc(100% * 10 / 12); }
.\\-cell-u.\-11       { width: calc(100% * 11 / 12); }
.\\-cell-u.\-12       { width: 100%; }
