in English
އިޚްތިޔާރުތައް
ސްޓައިލާއި ސުލޫކު ކޮންޓްރޯލް ކުރުމަށް ގްލޯބަލް ސީއެސްއެސް ޕްރެފެރެންސްތައް ފަސޭހައިން ޓޮގްލް ކުރުމަށް ބިލްޓް-އިން ވެރިއޭބަލްތަކާއެކު ބޫޓްސްޓްރަޕް އަވަހަށް ކަސްޓަމައިޒް ކޮށްލާށެވެ.
އަޅުގަނޑުމެންގެ ބިލްޓް-އިން ކަސްޓަމް ވެރިއޭބަލްސް ފައިލް އިން ބޫޓްސްޓްރަޕް ކަސްޓަމައިޒްކޮށް، އާ $enable-*
ސާސް ވެރިއޭބަލްތަކާއެކު ފަސޭހައިން ގްލޯބަލް ސީއެސްއެސް ޕްރެފެރެންސްތައް ޓޮގްލް ކުރެވޭނެއެވެ. ވެރިއޭބަލްއެއްގެ އަގު އޯވަރރައިޑްކޮށް ބޭނުންވާ ގޮތަށް އަލުން ކޮމްޕައިލް ކުރާށެވެ npm run test
.
މި ވެރިއޭބަލްތައް ހޯދައި ކަސްޓަމައިޒް ކުރެވޭނީ މުހިއްމު ގްލޯބަލް އޮޕްޝަންތަކަށް ބޫޓްސްޓްރެޕްގެ scss/_variables.scss
ފައިލް އިންނެވެ.
ވެރިއޭބަލް އެވެ | އަގުތައް | ތަފްޞީލު |
---|---|---|
$spacer |
1rem (ޑިފޯލްޓް)، ނުވަތަ އެއްވެސް އަގެއް > 0 |
އަޅުގަނޑުމެންގެ ސްޕޭސަރ ޔުޓިލިޓީސް ޕްރޮގްރާމެޓިކަލީ ޖެނެރޭޓް ކުރުމަށް ޑިފޯލްޓް ސްޕޭސަރ ވެލިއު ކަނޑައަޅައެވެ . |
$enable-rounded |
true (ޑިފޯލްޓް) ނުވަތަfalse |
border-radius އެކި ކޮމްޕޯނެންޓްތަކުގައި ކުރިން ކަނޑައެޅިފައިވާ ސްޓައިލްތައް އެނެބަލް ކުރެއެވެ. |
$enable-shadows |
true ނުވަތަ false (ޑިފޯލްޓް) |
box-shadow އެކި ކޮމްޕޯނެންޓްތަކުގައި ކުރިން ކަނޑައެޅިފައިވާ ޒީނަތްތެރި ސްޓައިލްތައް އެނެބަލް ކޮށްދެއެވެ. box-shadow ފޯކަސް ސްޓޭޓްތަކަށް ބޭނުންކުރާ s އަށް އަސަރެއް ނުކުރެއެވެ . |
$enable-gradients |
true ނުވަތަ false (ޑިފޯލްޓް) |
background-image އެކި ކޮމްޕޯނެންޓްތަކުގައި ސްޓައިލްތައް މެދުވެރިކޮށް ކުރިން ކަނޑައެޅިފައިވާ ގްރޭޑިއަންޓްތައް އެނެބަލް ކުރެއެވެ. |
$enable-transitions |
true (ޑިފޯލްޓް) ނުވަތަfalse |
transition އެކި ކޮމްޕޯނެންޓްތަކުގައި ކުރިން ކަނޑައެޅިފައިވާ s އަށް އެނެބަލް ކުރެއެވެ. |
$enable-reduced-motion |
true (ޑިފޯލްޓް) ނުވަތަfalse |
Enables the prefers-reduced-motion media query , މިއީ ޔޫޒަރުންގެ ބްރައުޒާ/އޮޕަރޭޓިންގ ސިސްޓަމް ޕްރެފެރެންސްތަކަށް ބަލައިގެން ވަކި އެނިމޭޝަންތަކެއް/ޓްރާންސިޝަންތަކެއް ދަމަހައްޓާ އެއްޗެކެވެ. |
$enable-grid-classes |
true (ޑިފޯލްޓް) ނުވަތަfalse |
ގްރިޑް ސިސްޓަމަށް ސީއެސްއެސް ކްލާސްތައް އުފެއްދުމަށް މަގުފަހިކޮށްދެއެވެ (އެބަހީ .row , .col-md-1 , ފަދަ). |
$enable-caret |
true (ޑިފޯލްޓް) ނުވަތަfalse |
ސޫޑޯ އެލިމެންޓް ކެރެޓް އޮން އަށް އެނެބަލް ކުރެއެވެ .dropdown-toggle . |
$enable-button-pointers |
true (ޑިފޯލްޓް) ނުވަތަfalse |
Add “hand” cursor to non-disabled button elements. |
$enable-rfs |
true (default) or false |
Globally enables RFS. |
$enable-validation-icons |
true (default) or false |
Enables background-image icons within textual inputs and some custom forms for validation states. |
$enable-negative-margins |
true or false (default) |
Enables the generation of negative margin utilities. |
$enable-deprecation-messages |
true (default) or false |
Set to false to hide warnings when using any of the deprecated mixins and functions that are planned to be removed in v6 . |
$enable-important-utilities |
true (default) or false |
Enables the !important suffix in utility classes. |
$enable-smooth-scroll |
true (default) or false |
Applies scroll-behavior: smooth globally, except for users asking for reduced motion through prefers-reduced-motion media query |