Grid System
Terminal CSS has no build-in grid system. However, you can roll your own with Flexbox or CSS Grid.
Navigation
Navigation Lists
Lists
- This is a list item
- So is this - there could be more
-
Make sure to style list items to:
- Not forgetting child list items
- Not forgetting child list items
- Not forgetting child list items
- Not forgetting child list items
- A couple more
- Top-level list items
Don't forget Ordered lists:
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
-
Aliquam tincidunt mauris eu risus
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Aliquam tincidunt mauris eu risus.
Description lists are also included.
- Description list title 01
- Description list description 01
- Description list title 02
- Description list description 02
- Description list description 03
A Table of content, which can be used as an index for a blog archive.
Unlike regular lists, the TOC component only supports a single depth level.
Typography
Level 1 Heading
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
Level 2 Heading
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
Level 3 Heading
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
Level 4 Heading
Level 5 Heading
Level 6 Heading
Tables
Rank | Movie | Downloads | |
---|---|---|---|
torrentfreak.com | |||
1 | Fast Five | 9,260,000 | |
2 | The Hangover II | 8,840,000 | |
3 | Thor | 8,330,000 | |
4 | Source Code | 7,910,000 | |
5 | I Am Number Four | 7,670,000 | |
6 | Sucker Punch | 7,200,000 | |
7 | 127 Hours | 6,910,000 | |
8 | Rango | 6,480,000 | |
9 | The King’s Speech | 6,250,000 | |
10 | Harry Potter and the Deathly Hallows Part 2 | 6,030,000 |
Special Elements
Terminal CSS also supports a range of special elements.
Blockquote
This is a properly formatted blockquote, btw. Measuring programming progress by lines of code is like measuring aircraft building progress by weight.
Misc
Terminal Prompt
I am the a tag example
I am the abbr tag example
I am the b tag example
I am the cite tag example
I am the code tag
example
I am the del tag example
I am the dfn tag example
I am the em tag example
I am the i tag example
I am the ins tag example
I am the kbd tag example
I am the q tag
example
I am the samp tag example
I am the small tag example
I am the span tag example
I am the strong tag example
I am the sub tag example
I am the sup tag example
I am the var tag example
Address
Mozilla Foundation1981 Landings Drive
Building K
Mountain View, CA 94043-0801
USA