CSS variables

Bootstrap comprehendit circa duas duodenas CSS possessiones consuetudinum (variabilium) in CSS compilata, cum justo plus in via ad meliorem rationem in basi per-componente. Hae accessum facilem praebent ad valores communiter usus sicut thema colorum, fracturae, et primariae fontis acervos cum operantur in inspectore navigatri, codicem sandbox, seu prototypum generale.

Omnes nostrae consuetudinis possessiones praefixae suntbs- ad conflictationes vitandas cum tertia factione CSS.

Radix variabilis

Hic variabiles sunt quae includuntur (nota :rootrequiri) quae usquam Bootstrap scriptor CSS cumulatus esse possunt. In tabulario nostro sita sunt et in _root.scsstabulariis nostris compilata continetur.

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

Component variables

Incipimus etiam uti proprietates consuetudinum locorum variabilium pro variis componentibus. Hoc modo possumus reducere nostrum CSS compilatum, ut styli in locis quasi tabulis nidificatis non sint hereditates, et aliquas praecipuas sedes in compositione Bootstrap extendentes post Sass compilationem patiantur.

Inspice tabulam nostram documenta quaedam perspicientia quomodo CSS variabiles utimur .

Etiam CSS variabiles per grides nostras, praesertim canales, adhibemus usu meliore in futuro venientes.

Exempla

Variabiles CSS similem flexibilitatem praebent variabilibus Sass, sed sine necessitate compilationem antequam navigatro ministratur. Exempli gratia, hic fontam paginae nostrae et stylos nexus cum CSS variabilibus collocamus.

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