CSS: stacking ​

.--stack-topmost — z-index խորության օգտակարություններ — .--stack-<level> (deepest, below, above, topmost) — կարելի է օգտագործել մաքուր կամ որևէ կոմպոնենտին շղթայաբար միացնելով, որպեսզի շերտերը հերթագրվեն կանխատեսելի կերպով՝ ձեռքով հարմարեցված թվերի փոխարեն.

Source: index.ts

Օգտագործում ​

css
@import "@pantoken/components/utilities.css";

Օրինակներ ​

html
<div class="--stack-topmost">Always on top.</div>

Մոդիֆիկատորներ ​

ՄոդիֆիկատորՆկարագիր
.--stack-aboveՍովորական հոսքի վերևում.
.--stack-belowՍովորական հոսքի տակ.
.--stack-deepestԱմենացածր շերտավորման խորությունը.
.--stack-topmostԱմենաբարձր շերտավորման խորությունը (ծածկույթներ, մենյուներ).

Ցուցիչներ սպառված ​

TokenՏիպԱրժեք
--instui-component-view-stacking-above<integer>1
--instui-component-view-stacking-below<integer>-1
--instui-component-view-stacking-deepest<integer>-9999
--instui-component-view-stacking-topmost<integer>9999