in English
ഓപ്ഷനുകൾ
ശൈലിയും പെരുമാറ്റവും നിയന്ത്രിക്കുന്നതിനുള്ള ആഗോള CSS മുൻഗണനകൾ എളുപ്പത്തിൽ ടോഗിൾ ചെയ്യുന്നതിന് ബിൽറ്റ്-ഇൻ വേരിയബിളുകൾ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പ് വേഗത്തിൽ ഇച്ഛാനുസൃതമാക്കുക.
ഞങ്ങളുടെ ബിൽറ്റ്-ഇൻ ഇഷ്ടാനുസൃത വേരിയബിൾ ഫയൽ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പ് ഇഷ്ടാനുസൃതമാക്കുകയും പുതിയ $enable-*
സാസ് വേരിയബിളുകൾ ഉപയോഗിച്ച് ആഗോള CSS മുൻഗണനകൾ എളുപ്പത്തിൽ മാറ്റുകയും ചെയ്യുക. ഒരു വേരിയബിളിന്റെ മൂല്യം അസാധുവാക്കുകയും npm run test
ആവശ്യാനുസരണം വീണ്ടും കമ്പൈൽ ചെയ്യുകയും ചെയ്യുക.
scss/_variables.scss
ബൂട്ട്സ്ട്രാപ്പിന്റെ ഫയലിലെ പ്രധാന ആഗോള ഓപ്ഷനുകൾക്കായി നിങ്ങൾക്ക് ഈ വേരിയബിളുകൾ കണ്ടെത്താനും ഇഷ്ടാനുസൃതമാക്കാനും കഴിയും .
വേരിയബിൾ | മൂല്യങ്ങൾ | വിവരണം |
---|---|---|
$spacer |
1rem (സ്ഥിരസ്ഥിതി), അല്ലെങ്കിൽ ഏതെങ്കിലും മൂല്യം > 0 |
ഞങ്ങളുടെ സ്പെയ്സർ യൂട്ടിലിറ്റികൾ പ്രോഗ്രമാറ്റിക്കായി ജനറേറ്റുചെയ്യുന്നതിന് ഡിഫോൾട്ട് സ്പെയ്സർ മൂല്യം വ്യക്തമാക്കുന്നു . |
$enable-rounded |
true (സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
border-radius വിവിധ ഘടകങ്ങളിൽ മുൻകൂട്ടി നിശ്ചയിച്ച ശൈലികൾ പ്രവർത്തനക്ഷമമാക്കുന്നു. |
$enable-shadows |
true അല്ലെങ്കിൽ false (സ്ഥിരസ്ഥിതി) |
box-shadow വിവിധ ഘടകങ്ങളിൽ മുൻകൂട്ടി നിശ്ചയിച്ചിട്ടുള്ള അലങ്കാര ശൈലികൾ പ്രാപ്തമാക്കുന്നു . box-shadow ഫോക്കസ് സ്റ്റേറ്റുകൾക്ക് ഉപയോഗിക്കുന്നതിനെ ബാധിക്കില്ല . |
$enable-gradients |
true അല്ലെങ്കിൽ false (സ്ഥിരസ്ഥിതി) |
background-image വിവിധ ഘടകങ്ങളിൽ ശൈലികൾ വഴി മുൻകൂട്ടി നിശ്ചയിച്ച ഗ്രേഡിയന്റുകൾ പ്രവർത്തനക്ഷമമാക്കുന്നു. |
$enable-transitions |
true (സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
transition വിവിധ ഘടകങ്ങളിൽ മുൻകൂട്ടി നിശ്ചയിച്ച s പ്രവർത്തനക്ഷമമാക്കുന്നു. |
$enable-reduced-motion |
true (സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
ഉപയോക്താക്കളുടെ ബ്രൗസർ/ഓപ്പറേറ്റിംഗ് സിസ്റ്റം മുൻഗണനകൾ അടിസ്ഥാനമാക്കിയുള്ള ചില ആനിമേഷനുകൾ/സംക്രമണങ്ങളെ അടിച്ചമർത്തുന്ന മീഡിയ prefers-reduced-motion അന്വേഷണം പ്രവർത്തനക്ഷമമാക്കുന്നു. |
$enable-grid-classes |
true (സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
ഗ്രിഡ് സിസ്റ്റത്തിനായി CSS ക്ലാസുകളുടെ ജനറേഷൻ പ്രവർത്തനക്ഷമമാക്കുന്നു (ഉദാ .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 |