RFS
Bootstrap machinam resiciens respondet squamae communes possessiones CSS ut melius spatium per prospectus et machinas praesto utatur.
Quid est RFS?
Proiectum Bootstrap latus RFS est unitas resizing machinae quae initio ad magnitudinem fontium resizet (unde eius abbreviatio pro Responsivo Font Amplitudines). Hodie RFS valet maxime CSS resecare proprietates cum valoribus unitas similibus margin
, padding
,, border-radius
vel etiam box-shadow
.
Mechanismus sponte computat valores convenientes secundum dimensiones prospectus navigatoris. Componetur in calc()
functionibus cum rem
unitatibus et aspectibus immixto, ut morum docilem scalam efficiat.
per RFS
Mixina in Bootstrap comprehenduntur et praesto sunt semel includere scriptor Bootstrap scss
. RFS etiam standalone , si opus fuerit, institui potest.
Per mixins
Mixin rfs()
habet notas pro font-size
, margin
, margin-top
, margin-right
, margin-bottom
, margin-left
, padding
, padding-top
, padding-right
et padding-bottom
. padding-left
Exemplum vide infra ad Fontem Sass et composuit CSS.
.title {
@include font-size(4rem);
}
.title {
font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
.title {
font-size: 4rem;
}
}
Quaelibet alia res ad rfs()
mixin sic transiri potest;
.selector {
@include rfs(4rem, border-radius);
}
!important
Potest etiam mox adici quicquid pretii vis;
.selector {
@include padding(2.5rem !important);
}
Munera utens
Cum includere uti non vis, sunt etiam duae functiones;
rfs-value()
valorem inrem
valorem vertit, sipx
valor reddit, in aliis casibus idem redit.rfs-fluid-value()
umorem reddit versio pretii si rescaling indiget.
In hoc exemplo utimur unum e Bootstrap constructum-in mixtionibus fracturae responsivae, ut tantum sub punctum fracturae stilum adhibeamus lg
.
.selector {
@include media-breakpoint-down(lg) {
padding: rfs-fluid-value(2rem);
font-size: rfs-fluid-value(1.125rem);
}
}
@media (max-width: 991.98px) {
.selector {
padding: calc(1.325rem + 0.9vw);
font-size: 1.125rem; /* 1.125rem is small enough, so RFS won't rescale this */
}
}
Documenta extensa
RFS separatum est sub ordine Bootstrap. Plura de RFS eiusque configuratione in promptuario GitHub inveniri possunt .