Diphetogo tša CSS

Bootstrap e akaretša go dikologa dithoto tše pedi tše pedi tša tlwaelo tša CSS (diphetogo) ka go CSS ya yona yeo e kgobokeditšwego, ka tše dingwe tše mmalwa tseleng bakeng sa go tlwaetša mo go kaonefaditšwego motheong wa karolo e nngwe le e nngwe. Tše di fa phihlelelo ye bonolo go dikelo tše di šomišwago ka tlwaelo go swana le mebala ya rena ya sehlogo, dintlha tša go kgaotša, le mekgobo ya difonte tša mathomo ge o šoma ka go mohlahlobi wa sephephediši sa gago, lepokisi la santa la khoutu, goba prototype ya kakaretšo.

Dithoto tša rena ka moka tša tlwaelo di hlomilwe pele kabs- go efoga dithulano le CSS ya mokgatlo wa boraro.

Diphetogo tša modu

Mona ke diphetogo tšeo re di akaretšago (hlokomela gore the :roote a nyakega) tšeo di ka fihlelelwago kae goba kae moo CSS ya Bootstrap e imelwago gona. Di hwetšwa ka gare ga _root.scssfaele ya rena gomme di akaretšwa ka gare ga difaele tša rena tša dist tše di kgobokeditšwego.

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

Diphetogo tša dikarolo

Re thoma gape go šomiša dithoto tša tlwaelo bjalo ka diphetogo tša selegae tša dikarolo tše di fapanego. Ka tsela ye re ka fokotša CSS ya rena ye e kgobokeditšwego, ra netefatša gore ditaele ga di abelwe mafelong a go swana le ditafola tše di tsentšwego ka gare ga sehlaga, gomme ra dumelela go setaele gape ga motheo le go katološa dikarolo tša Bootstrap ka morago ga go kgoboketšwa ga Sass.

Lebelela ditokomane tša rena tša tafola bakeng sa temogo e itšego ya kamoo re dirišago diphetogo tša CSS .

Re šomiša gape diphetogo tša CSS go ralala le digridi tša rena—kudukudu bakeng sa di-gutter—ka tšhomišo e ntši ya dikarolo yeo e tlago nakong e tlago.

Mehlala

Diphetogo tša CSS di fa go fetofetoga mo go swanago le diphetogo tša Sass, eupša ntle le go nyakega ga go kgoboketša pele di fiwa sephephediši. Go fa mohlala, mo re seta gape fonte ya letlakala la rena le mekgwa ya kgokagano ka diphetogo tša CSS.

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