Typography

font

Headings
1.正标题
.leader： 相当于h1的样式
.sub-leader： 相当于h2的样式
.header： 相当于h3的样式
.sub-header： 相当于h4的样式
.sub-alt-header：相当于h5的样式
.minor-header： 相当于h6的样式
2.副标题
在中加标签或 “.small”

paragraph
缩进段落 : .indent-paragraph

additional text
.text-default： font-size: 0.875rem;
.text-accent： font-size: 1.1rem;
.text-secondary：font-size: 0.75rem;
.text-small： font-size: 0.625rem;
.text-dashed： 字体下方带有虚线样式
请对比下列效果图：

transform
.lowercase：所有字母全部小写
.uppercase：所有字母全部大写
.capital：每个单词首字母大写

align
.align-left:
.align-right:
.align-justify:
.align-center:

** v-align-* **

                top
                bottom
                baseline
                middle
                sub
                super
                top-text
                bottom-text

效果图如下：

city
source:斜体样式

addr
consectetur
当鼠标移到consectetur时会出现问号和title提示
放在

中上下会有一定的间距

        Metro UI CSS

        Khreschatyk str, Suite 1

        Kiev, Ukraine 01001

        P: (123) 456-7890
    

blockquote
内容写在blockquote标签里
.place-right：引用块右对齐

    
Loremonsectetur adipiscing elit. Integer posuere erat a ante.
    Someone famous Source Title

效果图：

stylized lists
在ul加上下列类名即可得到相应样式
Default bullets：
1.simple-list
2.numeric-list
3.numeric-list square-marker

Large bullets(就是在上面三类分别追加large-bullet)
1.simple-list large-bullet
2.numeric-list large-bullet
3.numeric-list square-marker large-bullet

Colored bullets（不同颜色的样式；分别追加下面的类名）
1..dark-bullet
2..red-bullet
3.green-bullet
4.blue-bullet
5.yellow-bullet

step-list
eg:

    
Improve
    
Integrate
    
Get

description
1.

2.

tags
tag
tag success
tag alert
tag info
tag warning