CSS bεε bεε bε bεn

Bootstrap bɛ CSS ladamucogo (daɲɛw) tan ni fila ɲɔgɔn Dòn a ka CSS lajɛlen kɔnɔ, ni tan ni caman wɛrɛw bɛ sira kan walasa ka ladamucogo ɲɛ ka Kɛɲɛ ni yɔrɔ kelen-kelen bɛɛ ye. Olu bɛ nafaw sɔrɔ nɔgɔya la minnu bɛ kɛ ka caya i n’a fɔ an ka barokun kulɛriw, kariyɔrɔw, ani sɛbɛnnibolo fɔlɔw kuluw ni i bɛ baara kɛ i ka navigatɔrɔ ka sɛgɛsɛgɛlikɛlan kɔnɔ, kode sandbox kɔnɔ, walima prototyping caman na.

An ka ladamufɛnw bɛɛ bɛ daminɛ nibs- CSS ye walasa ka bɛnbaliya bali ni mɔgɔ sabanan CSS ye.

Yɛlɛmaba minnu bɛ kɛ jirisunw na

An bɛ fɛn minnu Dòn a la olu filɛ nin ye (a kɔlɔsi ko the :rootis required) minnu bɛ Se ka Sɔrɔ Bootstrap ka CSS bɛ Lase yɔrɔ o yɔrɔ la. U bɛ an ka _root.scssdosiye kɔnɔ ani u bɛ an ka dist dosiyew lajɛlenw kɔnɔ.

: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));
}

Components bεε bεε bε bεn

An fana b’a daminɛ ka baara kɛ ni ladamufɛnw ye i n’a fɔ sigida fɛn caman sɛgɛsɛgɛli fɛn suguya caman na. O cogo la an bɛ Se k’an ka CSS dalajɛlen Dɔgɔya, k’a Jira ko cogoyaw tɛ ciyɛn Sɔrɔ yɔrɔw la i n’a fɔ tabali minnu bɛ ‘kɔnɔ, ani ka sira Di Bootstrap yɔrɔw labɛncogo kura ni u janya jɔnjɔn dɔw ma Sass dalajɛlen kɔfɛ.

aw ye an ka tabali sɛbɛnw lajɛ walasa ka hakilina dɔw sɔrɔ an bɛ baara kɛ ni CSS fɛn caman sɛgɛsɛgɛli ye cogo min na .

An bɛ baara kɛ fana ni CSS fɛn caman sɛgɛsɛgɛli ye an ka gridw kɔnɔ—kɛrɛnkɛrɛnnenya la gutterw kama—ni component baarakɛcogo caman bɛ na don nataw la.

Misaliw

CSS bεε bε Se ka bεnkansεbεn di ni Sass ka bεnkanw ye, nka k’a sɔrɔ u mago tε ɲɔgɔndan na sani u ka Di navigatɔrɔ ma. Misali la, yan an bɛ an ka ɲɛ in sɛbɛnnibolow ni jɛgɛncogo cogoyaw Lasegin ni CSS fɛn caman sɛgɛsɛgɛli ye.

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