Reboot
Reboot, collectio elementorum specialium CSS mutationum in uno fasciculo, calcitrare Bootstrap ut elegantem, constantem et simplicem basin ad aedificandum praebeat.
Reboot super Normalize aedificat, multa HTML elementa praebens stylis aliquantum opinionatis selectoribus tantum elementis. Additional stylus non fit nisi cum generibus. Exempli causa, nonnulla <table>
genera simpliciori baseline reboo et postea providemus .table
, .table-bordered
et plura.
Hic sunt nostrae normae et rationes eligendae quae in Reboot delendi sunt:
- Renova in quibusdam valoribus defaltis navigatri ut
rem
s locoem
s pro scalabili componentium spatio utatur. - Fuge
margin-top
. Orae verticales collabi possunt, eventus inopinatos cedentes. Potius tamen una directiomargin
simplicioris mentis exemplar est. - Ad faciliora per magnitudinum fabricam scandendo, elementa scandala
rem
s promargin
s uti debent. - Serva declarationes
font
proprietatum relatarum ad minimum, utendoinherit
quoties fieri potest.
Elementa <html>
et <body>
elementa renovantur ad defaltam longinquam paginam melioribus praebendam. Specialius:
- In
box-sizing
omni elemento - quod comprehendit*::before
et*::after
, ita in universum collocaturborder-box
. Hoc efficit ut indicata latitudine elementi numquam excederet propter Nullam vel terminum.- Nulla basis
font-size
declaratur in<html>
, sed16px
ponitur (default navigatri).font-size: 1rem
applicatur<body>
ad faciliorem responsivam typus-scalificationem per media quaesita, servatis optionibus usoris ac faciliorem aditum praestandi.
- Nulla basis
- Etiam
<body>
globalem ponitfont-family
,line-height
ettext-align
. Hoc posterius quibusdam elementis formantibus consequitur ne font repugnantia. - Pro salute,
<body>
declaravitbackground-color
defaltam#fff
.
Default fontium interretialium (Helvetica, Neue, Helvetica, et Arial) in Bootstrap 4 omissae sunt et cum "fonte acervo nativo" pro optimo textu reddendo in omni artificio et OS. Read more about native font acervos in this Smashing Magazine article .
Id font-family
applicatur ad <body>
globally hereditario facto per Bootstrap. Ad globalem font-family
, renovationem $font-family-base
et ad Bootstrap mutandas.
Omnia elementa petere, eg, <h1>
et <p>
reset ut margin-top
remotum est. Adiecerunt margin-bottom: .5rem
capita et paragraphos margin-bottom: 1rem
pro facili spatio.
Venantius Fortunatus | Exemplum |
---|---|
|
h1. Bootstrap capite |
|
h2. Bootstrap capite |
|
h3. Bootstrap capite |
|
h4. Bootstrap capite |
|
h5. Bootstrap capite |
|
h6. Bootstrap capite |
Omnes tabulae — <ul>
, <ol>
et — removent et a . Lists nested non habent .<dl>
margin-top
margin-bottom: 1rem
margin-bottom
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat iaculis lectus
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat iaculis lectus
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
Simplicior enim dictio, perspicua hierarchia, et melius spatiorum, descriptiones tabulae renovatae sunt margin
s. <dd>
s reset margin-left
atque 0
add margin-bottom: .5rem
. <dt>
s notabuntur .
- Descriptio tabulae
- Descriptio perfectus est ad definiendum terminos.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio.
- Donec id elit non mi porta gravida at eget metus.
- Vestibulum malesuada porta
- Etiam porta sem malesuada magna mollis euismod.
Elementum est <pre>
reset ut unitates suas removeat margin-top
et usui suo .rem
margin-bottom
.example-elementum { margin-imo: 1rem; }
Tabulae styli <caption>
s modice adaequatae sunt, confinia collapsura, et per omnia consistent text-align
. Additae mutationes pro limitibus, padding, et plures veniunt cum .table
classe .
Mensa capite | Mensa capite | Mensa capite | Mensa capite |
---|---|---|---|
Mensa cellula | Mensa cellula | Mensa cellula | Mensa cellula |
Mensa cellula | Mensa cellula | Mensa cellula | Mensa cellula |
Mensa cellula | Mensa cellula | Mensa cellula | Mensa cellula |
Elementa variae formae simplicioribus stylis basi recalcitratae sunt. Hic notabiles sunt nonnullae mutationes;
<fieldset>
s fines, Nullam vel marginem non habent, ut involucris facile adhiberi possint pro singulis inputibus vel inputibus coetibus.<legend>
s, sicuti fieldets, etiam lepide demonstrati proponendum.<label>
s positidisplay: inline-block
ut sinantmargin
applicari.<input>
s,<select>
s,<textarea>
s,<button>
s plerumque a Normalize appellati sunt, sed Reboot removetmargin
et occiditline-height: inherit
etiam.<textarea>
s modo modificantur ad perpendiculum resizable sicut horizontalis resizingas saepe paginam extensionis "rumpit".
Hae mutationes et plura infra demonstrantur.
Elementum renovatum est <address>
ad reset ut pasco defaltam . nunc quoque hereditarium est, et adiectum est. s sunt ad informationes contactus exhibendas pro antecessore proximo (vel totum corpus operis). Conserva formatting ending lineas cum .font-style
italic
normal
line-height
margin-bottom: 1rem
<address>
<br>
1355 Market St, Suite 900
San Francisco, CA 94103
P: (123) 456-7890 Full Name
[email protected]
Defalta margin
in impedimentis stipatorum est 1em 40px
, ut reset id ad 0 0 1rem
aliquid magis consentaneum cum aliis elementis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Elementum stylam <abbr>
fundamentalem recipit ut illud emineat inter paragraphum.
Defalta cursor
summatim est text
, sic reset ut pointer
deferat elementum strepitando in eo posse intercedere.
Quaedam singula
More info de singulis.
Etiam plura
Hic etiam plura de singulis.
HTML5 addit novum attributum globali nomine[hidden]
, quod display: none
per defaltam appellatur. Ideam de PureCSS commodato , meliorem in hoc defectu emendamus, [hidden] { display: none !important; }
adiuvando impediendo quominus casualiter opprimatur display
. Dum [hidden]
indigena IE10 non sustinetur, explicita declaratio in CSS nostro circa illam quaestionem accipit.
jQuery incompatibilitas
[hidden]
$(...).hide()
jQuery et $(...).show()
modos non compatitur . Non ergo nunc maxime commendamus [hidden]
in aliis technicis technicis tradendis display
elementorum.
Ad visibilitatem modo toggle elementum, quod significatio eius display
non modificatur et elementum potest adhuc fluxum documenti afficere, genere .invisible
loco uti .