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-container-classes |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
ലേഔട്ട് കണ്ടെയ്‌നറുകൾക്കായി CSS ക്ലാസുകളുടെ ജനറേഷൻ പ്രവർത്തനക്ഷമമാക്കുന്നു. (v5.2.0-ൽ പുതിയത്) |
$enable-caret |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
എന്നതിൽ കപട എലമെന്റ് കെയർ പ്രവർത്തനക്ഷമമാക്കുന്നു .dropdown-toggle. |
$enable-button-pointers |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
പ്രവർത്തനരഹിതമാക്കാത്ത ബട്ടൺ ഘടകങ്ങളിലേക്ക് "കൈ" കഴ്സർ ചേർക്കുക. |
$enable-rfs |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
ആഗോളതലത്തിൽ RFS പ്രവർത്തനക്ഷമമാക്കുന്നു . |
$enable-validation-icons |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
വാചക ഇൻപുട്ടുകൾക്കുള്ളിലെ background-imageഐക്കണുകളും മൂല്യനിർണ്ണയ അവസ്ഥകൾക്കായി ചില ഇഷ്‌ടാനുസൃത ഫോമുകളും പ്രവർത്തനക്ഷമമാക്കുന്നു. |
$enable-negative-margins |
trueഅല്ലെങ്കിൽ false(സ്ഥിരസ്ഥിതി) |
നെഗറ്റീവ് മാർജിൻ യൂട്ടിലിറ്റികളുടെ ജനറേഷൻ പ്രവർത്തനക്ഷമമാക്കുന്നു . |
$enable-deprecation-messages |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
falseഎന്നതിൽ നീക്കം ചെയ്യാൻ പദ്ധതിയിട്ടിരിക്കുന്ന ഏതെങ്കിലും ഒഴിവാക്കപ്പെട്ട മിക്‌സിനുകളും ഫംഗ്‌ഷനുകളും ഉപയോഗിക്കുമ്പോൾ മുന്നറിയിപ്പുകൾ മറയ്‌ക്കാൻ സജ്ജീകരിക്കുക v6. |
$enable-important-utilities |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
!importantയൂട്ടിലിറ്റി ക്ലാസുകളിൽ സഫിക്സ് പ്രവർത്തനക്ഷമമാക്കുന്നു . |
$enable-smooth-scroll |
true(സ്ഥിരസ്ഥിതി) അല്ലെങ്കിൽfalse |
മീഡിയ അന്വേഷണത്തിലൂടെscroll-behavior: smooth കുറഞ്ഞ ചലനം ആവശ്യപ്പെടുന്ന ഉപയോക്താക്കൾക്ക് ഒഴികെ ആഗോളതലത്തിൽ ബാധകമാണ്prefers-reduced-motion |