CSS variables

Ny Bootstrap dia ahitana fananana CSS roa am-polony eo ho eo (variable) ao amin'ny CSS voaangona, miaraka amin'ny am-polony maro kokoa amin'ny fomba hanatsarana ny fanamboarana isaky ny singa. Ireo dia manome fahafahana miditra mora amin'ny soatoavina fampiasa mahazatra toy ny loko loha-hevitray, ny teboka fahatapahana, ary ny antonta endri-tsoratra voalohany rehefa miasa ao amin'ny mpanara-maso ny mpitety tranonkalanao, ny boaty fasika kaody, na ny fanaovana prototype amin'ny ankapobeny.

Ny fananantsika manokana rehetra dia misy tombo-kasebs- mba hisorohana ny fifandirana amin'ny CSS antoko fahatelo.

Root variables

Ireto ny variables ampidirintsika (mariho fa :rootilaina) izay azo idirana na aiza na aiza misy ny CSS Bootstrap. Izy ireo dia hita ao amin'ny _root.scssrakitray ary tafiditra ao amin'ny rakitra dist natambatray.

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

Variable singa

Manomboka mampiasa ny fananana manokana ho fari-toerana ho an'ny singa samihafa ihany koa izahay. Amin'izany fomba izany no ahafahantsika mampihena ny CSS natambatray, miantoka fa tsy lovaina amin'ny toerana toy ny latabatra misy akany ny fomba, ary mamela ny fanamboarana fototra sy fanitarana ny singa Bootstrap aorian'ny fanangonana Sass.

Jereo ny antontan-taratasintsika momba ny fomba ampiasana ny fari-piadidiana CSS .

Mampiasa ny fari-piadidiana CSS ihany koa izahay — indrindra ho an'ny tatatra — miaraka amin'ny fampiasana singa bebe kokoa amin'ny ho avy.

OHATRA

Ny fari-piadidiana CSS dia manome flexibility mitovy amin'ny fari-piainan'i Sass, saingy tsy mila fanangonam-bokatra alohan'ny hanolorana azy amin'ny navigateur. Ohatra, averinay eto ny endri-tsoratra sy ny fomba fampifandraisana amin'ny CSS.

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