Ụdị mgbanwe CSS

Bootstrap gụnyere ihe dị ka ihe dị iche iche nke CSS iri abụọ na abụọ n'ime CSS ya achịkọtara, yana ọtụtụ ndị ọzọ na-aga n'ụzọ maka imeziwanye nhazi n'otu akụkụ. Ndị a na-enye ohere dị mfe iji nweta ụkpụrụ ndị a na-ejikarị dị ka agba isiokwu anyị, ebe nkwụsịtụ, na nchịkọta mkpụrụedemede bụ isi mgbe ị na-arụ ọrụ n'ime onye nyocha ihe nchọgharị gị, igbe igbe koodu, ma ọ bụ ihe nlegharị anya izugbe.

A na-edobe nghazi omenala anyị niile kabs- ọ ghara inwe esemokwu anyị na CSS ndị ọzọ.

Mgbọrọgwụ mgbanwe

Nke a bụ mgbanwe ndị anyị gụnyere (rịba ama na :rootachọrọ) nke enwere ike ịnweta ebe ọ bụla Bootstrap's CSS na-ebu. Ha dị na _root.scssfaịlụ anyị ma tinye ha na faịlụ dist anyị achịkọtara.

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

Akụkụ akụkụ

Anyị na-amalitekwa iji akụrụngwa omenala dị ka mgbanwe mpaghara maka ihe dị iche iche. N'ụzọ dị otú a, anyị nwere ike ibelata CSS anyị achịkọtara, hụ na anaghị eketa ụdị n'ebe dị ka tebụl akwu, ma kwe ka ụfọdụ nhazigharị na ịgbatị ngwa Bootstrap ka emechara Sass.

Leba anya na akwụkwọ tebụl anyị maka ụfọdụ nghọta ka anyị si eji mgbanwe CSS .

Anyị na-ejikwa mgbanwe CSS n'ofe grid anyị—nke izizi maka gọọlụ—nwere ihe akụrụngwa ndị ọzọ na-abịa n'ọdịnihu.

Ihe atụ

Ụdị mgbanwe CSS na-enye ụdị mgbanwe mgbanwe nke Sass, mana na-enweghị mkpa nke nchịkọta tupu e zigara ya na ihe nchọgharị ahụ. Dịka ọmụmaatụ, ebe a, anyị na-emegharị font ibe anyị yana njikọ na mgbanwe CSS.

body {
  font: 1rem/1.5 var(--bs-font-sans-serif);
}
a {
  color: var(--bs-blue);
}