After establishing and testing all Source defaults and Font Pro Styles, it's time to create some Partials and Externals for frequently used elements. For example, the Page Title above is made with the ⚛️05-PAGE TITLE External.
A Partial is a combination of structural and stylistic elements that may be used multiple times on a page or pages within the same project. When I make a change to one instance of a Partial, all other instances get changed automatically by default.
An External is just like a Partial, but it can be used in multiple projects. Avoid making changes. Externals can be "unpacked" to a Partial-state and then they behave just like Partials.
A Template is like an External, but changes to one instance of Template automatically introduces those changes to all instances of Templates used in multiple projects. That's why Templates are very dangerous and should never be used. However, Templates can be "unpacked" to a Partial-state and then they behave just like Partials.
Both boxes use Noto Sans font which is assigned to the Font Pro's Font Family Vault-3.
However, this box uses Base Style (Source), whereas the previous box uses Font Pro Style 2, which renders text as "small print", with lesser line height.
Therefore, this box is styled the way more suitable to general prose, while the previous box is styled appropriately for editorial or technical notes, quotes, captions, etc.
md-indent class added within this partial; CSS snippet in site-wide Code settings;
font vault: 3; font style: 3
This style uses light-weight Foro font and is the main PROSE style, since its legibility on light backgrounds is good.
⭕️md-INTRO TEXT-rightalign-"no login"
This style uses medium-weight Foro font and is used ONLY on dark background (intro text below-fold on pages accessible with no login).
© 2015- Robert Dlutek, Contact