Skip to main content Skip ad navigationem soUicitudo

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-radiusvel etiam box-shadow.

Mechanismus sponte computat valores convenientes secundum dimensiones prospectus navigatoris. Componetur in calc()functionibus cum remunitatibus 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-rightet padding-bottom. padding-leftExemplum 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);
}

!importantPotest 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 in remvalorem vertit, si pxvalor 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 .