CSS: gap

.--gap-md — Ֆլեքս/գրիդ gap օգտակար գործիքներ՝՝ բացթողման սանդղակի վրա, կարճ (--gap-sm) կամ երկար (--gap-small) տառապանությամբ գրառում։ Մեխանիզմը կարելի է կիրառել անուղղակի կամ շղթայական կերպով ցանկացած կոմպոնենտի վրա (.instui-view.--gap-sm) — այն կոմպոնենտները, որոնք արդեն իսկ սահմանում են իրենց սեփական gap-ը կոմպոնենտի հատուկ տոկենից, հնարավոր է, որ 被覆ի կողմից վերինիշխանորեն փոխարինվեն։

Source: index.ts

Օգտագործում

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

Դեմո

Օրինակներ

<div class="--display-flex --gap-sm">
  <span>One</span>
  <span>Two</span>
</div>

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

Մոդիֆիկատոր	Նկարագիր
.--gap-md	Հատուկը գապի համար կիրառում է միջին բացթողման տոկենը։
.--gap-*	Գապի օգտակար գործիքներ՝ համատեղելու համար կարճ և երկար բացթողման քայլաչափերի գրառումներ։

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

Token	Տիպ	Արժեք
--instui-component-shared-tokens-spacing-general-space-none	<length>	0rem
--instui-spacing-space-lg	<length>	1rem
--instui-spacing-space-md	<length>	0.75rem
--instui-spacing-space-sm	<length>	0.5rem
--instui-spacing-space-xl	<length>	1.5rem
--instui-spacing-space-xs	<length>	0.25rem
--instui-spacing-space2xl	<length>	2rem
--instui-spacing-space2xs	<length>	0.125rem