Skip to content

CSS: stacking ​

.--stack-topmost — offerynnau dyfnder z-index — .--stack-<level> (deepest, below, above, topmost) — defnyddiol yn syml neu'n wedi'i gadwynu ar unrhyw gydran, felly mae haenau'n stacio'n rhagweladwy yn hytrach na rhifau wedi'u haddasu â llaw.

Source: index.ts

Defnydd ​

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

Enghreifftiau ​

html
<div class="--stack-topmost">Bob amser ar y brig.</div>

Modyfiwyr ​

ModyfiwrDisgrifiad
.--stack-aboveUwchlaw'r llif diofyn.
.--stack-belowIslaw'r llif diofyn.
.--stack-deepestY dyfnder stacio isaf.
.--stack-topmostY dyfnder stacio uchaf (orchuddion, dewislenni).

Tocynnau a ddefnyddiwyd ​

TokenMathGwerth
--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