Enkolagana
Utility classes ezikyusa engeri abakozesa gye bakolaganamu n’ebirimu ku mukutu.
Okulonda ebiwandiiko
Kyusa engeri ebirimu gye birondebwamu ng’omukozesa akolagana nabyo.
Akatundu kano kajja kulondebwa ddala ng’omukozesa anyigiddwa.
Akatundu kano kalina enneeyisa y'okulonda eya bulijjo.
Akatundu kano tekajja kulondebwa ng’omukozesa anyigiddwa.
<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>
Ebintu ebibaawo mu pointer
Bootstrap egaba .pe-none
ne .pe-auto
classes okuziyiza oba okwongera element interactions.
Link eno tesobola kuginyiga.
Link eno esobola okunyigibwa (eno ye nneeyisa eya bulijjo).
Link eno tesobola kunyigibwa kubanga pointer-events
ekintu kisikirwa okuva ku muzadde waakyo. Wabula link eno erina pe-auto
class era osobola okuginyiga.
<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
<p><a href="#" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>
Ekibiina .pe-none
(n'ekintu kya pointer-events
CSS kye kiteeka) kiziyiza enkolagana yokka n'omulaga (mouse, stylus, touch). Links ne controls with .pe-none
are, by default, zikyalina okussa essira era nga zikolebwako eri abakozesa keyboard. Okukakasa nti zifuuse neutralized ddala ne ku bakozesa keyboard, oyinza okwetaaga okwongerako ebisingawo nga tabindex="-1"
(okuziremesa okufuna keyboard focus) ne aria-disabled="true"
(okutuusa ensonga nti zilemeddwa bulungi eri tekinologiya ayamba), era nga kiyinzika okuba okukozesa JavaScript okutuuka ziziremese ddala okuba ez’okukola.
Bwe kiba kisoboka, eky’okugonjoola eky’angu kiri nti:
- Ku bifuga foomu, yongera ku
disabled
HTML attribute.
- Ku nkolagana, ggyawo
href
ekintu, ekifuule ennanga etali ya kukwatagana oba enkolagana y'ekifo.
Sass nga bwe kiri
Ebikozesebwa API
Ebikozesebwa mu nkolagana birangirirwa mu API yaffe ey'ebikozesebwa mu scss/_utilities.scss
. Yiga engeri y'okukozesaamu API y'ebikozesebwa.
"user-select": (
property: user-select,
values: all auto none
),
"pointer-events": (
property: pointer-events,
class: pe,
values: none auto,
),