顏色
功能強大的調色板，見中文文檔
網格系統
container section divider
.container寬爲70%/85%，居中
.section頂部底部填充
.divider像素分割線
12列柵格
一行.row分列.col+.s/m/l數字
偏移.offset-<s/m/l數字>
推和拉push-<>和pull-<>
屏幕尺寸
| - | 手機<=600px | 平板<=992px | 桌面>992px |
|---|---|---|---|
| 類前綴 | .s |
.m |
.l |
| Container寬度 | 85% | 85% | 70% |
向上兼容
對齊
垂直居中.valign-wrapper
文本對齊.left-align .right-align .center-align
快速浮動.left .right
隱藏內容.hide
其他特殊情況見中文文檔， 限制隱藏範圍
格式.truncate清空一行溢出文本用省略號代替
懸浮.hoverable陰影上浮效果
恢復瀏覽器默認樣式.browser-default
陰影效果
z-depth-1到5陰影逐級加深
表格
所有在手機的表格自動水平居中；table.centered表格居中；
默認無邊框；table.bordered加底部邊框；
table.striped斑馬紋；
table.highlight表格懸浮:hover高亮效果；
響應式表格table.responsive-table會出現水平滾動條；
媒體樣式
圖片
響應式.responsive-img即：max-width:100%;height:auto;
圓形圖.circle
視頻
響應式容器div.video-container
響應式視頻video.responsive-video
sass
(留坑中)
字體樣式
(留坑中)
用body加font-family移除Roboto樣式
標題樣式；
引用<blockquote>，樣式類似與MD語法的>;
彈性文本.flow-text;