Start
Getting Started
News
Colors
Grid
Icons
Components
Buttons
Cards
Circles
Dropdowns
Flipcard
Form
Images
List/menu
List/message
List/text
Modal
Notice
Slider
Tabs
Tiles
Tweet
Support project
1PiRdutMwncxkjp8quxQiF1qFUBGBjwhfg
List/message
http://www.google.com/design/spec/components/lists.html
Usage
ul.unstyled > li > a.list-item > .text & .pull-left > .circle
Consider using
.text-{color}
.small
Example (inspect me):
Hey guys. Long time no see.
to Hero 1, Hero 2
Just now
I'm fine, thanks! And you?
to Hero 2
- RE: Hello! How are you?
5m
Hello! How are you?
to Hero 1
- Conversation started
10m
Raw output, various sizes
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Lorem ipsum dolor sit
to x, y, z
- Sint occeant..
Leaf CSS Framework by
@kortekim
inspired by
Google's Material Design