The style guide provides you with a blueprint of Scribe’s default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.
Typography Treatment
Scribe pays special attention to typography and type treatment, which really underscores and compliments your content across all devices.
Heading One
Heading Two
Heading Three
Heading Four
Heading Five
Heading Six
Mixed List Items
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
- Ordered list item three
- Unordered list item three
- Ordered list item three
- Unordered list item three
Blockquote
The blockquote is used to indicate the quotation of a large section of text from another source.
Stay hungry. Stay foolish.
Multi line blockquote:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.
Image Alignment
The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words.
Sem nostrum erat leo do rhoncus, laborum morbi magni, condimentum ridiculus qui integer, illum blandit, tempora. Rhoncus, distinctio veritatis pulvinar, sem adipisci, blandit explicabo laborum.
Mollit praesentium reiciendis convallis vulputate maxime, reiciendis exercitationem ridiculus aliquam architecto! Nullam, hic cubilia illo quisquam, id eum delectus accumsan?
Accumsan exercitation etiam? Adipisci, doloribus maecenas! Tristique ipsam aperiam mauris, necessitatibus bibendum eveniet ullam sint quia lacinia. Exercitationem rhoncus facere adipisci! Facere consequuntur accusantium.
Modi aspernatur tenetur dictumst hymenaeos veniam, ultrices ducimus, faucibus euismod, natoque interdum? Auctor, itaque, natus porta autem. Cum occaecat tortor! Fermentum eget convallis? Sociosqu egestas.
Preformatted Tag
pre {
position: relative;
background: #f7f7f7;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
tab-size: 4;
}
Code Tag
You will learn later on in these tests that word-wrap: break-word; will be your best friend.
Table Styles
| Employee | Salary | |
|---|---|---|
| Jane | $1 | Because that’s all Steve Job’ needed for a salary. |
| John | $100K | For all the blogging he does. |
| Jane | $100M | Pictures are worth a thousand words, right? So Tom x 1,000. |
| Jane | $100B | With hair like that?! Enough said… |