Color
Bootstrap systemati colori amplo sustentatur, quod argumenta nostrorum generum et partium componunt. Hoc dat plus quamlibet projectionem customizationem et extensionem.
Theme colorum
Tabulae omnium colorum utimur ad coloratum minorem palette ad generandum machinas, etiam in promptu sunt sicut variabiles Sass et tabula Sass in tabella Bootstrap scss/_variables.scss
.
Omnes hi colores praesto sunt sicut map Sass, $theme-colors
.
$theme-colors: (
"primary": $primary,
"secondary": $secondary,
"success": $success,
"info": $info,
"warning": $warning,
"danger": $danger,
"light": $light,
"dark": $dark
);
Perscriptio nostra Sass mappas et ansas soUicitudo pro quo modo hos colores mitigandos.
Omnes colores
Omnes Bootstrap colores praesto sunt sicut variabiles Sass et map in scss/_variables.scss
file Sass. Ad augendas magnitudinum fasciculi vitandas, textum vel coloratum colorum singulas variabiles classes non efficimus. Sed copiam horum colorum pro themate palette eligimus .
Vide ad monitor rationes discrepantias sicut colores mos. Tres, ut infra ostendimus, rationes antitheses ad singulas praecipuorum colores adiecimus, unam pro currentibus coloribus, unam pro albo, et alteram pro contra nigrum.
Notae in Sass
Sass programmatice variabiles generare non potest, ideo manually variabiles pro omni colore et umbra nobis creavimus. Mediocris valorem definimus (exempli gratia $blue-500
) et usu functionum consuetudinum colorum ad tinctum (lumen) vel umbram (obtenebrare) colores nostros per mix()
functionem coloris Sass.
Usus mix()
non idem est lighten()
ac darken()
: ille color certum colorem miscet albo vel nigro, haec tantum adaequat levitatem uniuscuiusque coloris. Effectus est multo perfectior colorum consentaneus, sicut in demo hoc CodePen ostensum est .
Nostra tint-color()
et shade-color()
functiones utuntur mix()
iuxta $theme-color-interval
variabiles nostras, quae indicat valorem cento cento pro quolibet colore mixto proferimus. Vide scss/_functions.scss
et scss/_variables.scss
fasciculi ad plenam source codicem.
Color Sass maps
Bootstrap fons Sass antis comprehendit tres mappas adiuvare vos cito et facile fascias in indice colorum et in valores hexametri.
$colors
lists all our available basi (500
) colorum$theme-colors
semantically libros omnes colore nomine theme (infra ostensum est)$grays
libros omnes colores et umbras griseo
Intus scss/_variables.scss
, invenies variabiles colorum Bootstrap et mappam Sass. Exemplum $colors
tabulae Sass.
$colors: (
"blue": $blue,
"indigo": $indigo,
"purple": $purple,
"pink": $pink,
"red": $red,
"orange": $orange,
"yellow": $yellow,
"green": $green,
"teal": $teal,
"cyan": $cyan,
"white": $white,
"gray": $gray-600,
"gray-dark": $gray-800
);
Adde, remove, vel mitigare valores in tabula geographica ad renovandum quomodo in multis aliis componentibus adhibentur. Infeliciter hoc tempore, non omnibus componentibus hac Sass map utetur. Futuras renovationes super hoc emendare studebunt. Donec ${color}
efficitur varius quam ac hac Sass map.
Exemplum
Ecce quomodo his uti potes in Sassa tua:
.alpha { color: $purple; }
.beta {
color: $yellow-300;
background-color: $indigo-900;
}
Color et color utilitates classes quoque praesto sunt ad occasum color
et colores background-color
usus .500