yagni.css/src/_box.css

yagni.css - collection of atomic css declarations to be embedded to your project using postcss

.block  { display: block; }
.inline { display: inline; }
.ib     { display: inline-block; }

.as-li      { display: list-item; }

.as-table         { display: table; }
.as-inline-table  { display: inline-table; }
.as-tr            { display: table-row; }
.as-td            { display: table-cell; }
.as-col           { display: table-column; }
.as-colgroup      { display: table-column-group; }
.as-caption       { display: table-caption; }
.as-thead         { display: table-header-group; }
.as-tbody         { display: table-row-group; }
.as-tfoot         { display: table-footer-group; }

.is-hidden    { display: none; }

.is-invisible { visibility: hidden; }
.is-visible   { visibility: visible; }

.absolute { position: absolute; }
.relative { position: relative; }
.fixed    { position: fixed; }
.static   { position: static; }
.sticky   { position: sticky; }

.va-baseline    { vertical-align: baseline; }
.va-middle      { vertical-align: middle; }
.va-top         { vertical-align: top; }
.va-bottom      { vertical-align: bottom; }
.va-sub         { vertical-align: sub; }
.va-super       { vertical-align: super; }
.va-text-top    { vertical-align: text-top; }
.va-text-bottom { vertical-align: text-bottom; }

.of-auto        { overflow: auto; }
.of-hidden      { overflow: hidden; }
.of-visible     { overflow: visible; }
.of-scroll      { overflow: scroll; }

.of-x-auto      { overflow-x: auto; }
.of-x-hidden    { overflow-x: hidden; }
.of-x-visible   { overflow-x: visible; }
.of-x-scroll    { overflow-x: scroll; }
.of-y-auto      { overflow-y: auto; }
.of-y-hidden    { overflow-y: hidden; }
.of-y-visible   { overflow-y: visible; }
.of-y-scroll    { overflow-y: scroll; }

.top-0      { top: 0; }
.left-0     { left: 0; }
.right-0    { right: 0; }
.bottom-0   { bottom: 0; }