Color

基本色

.u-clr:primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:dark

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:light

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

狀態色

.u-clr:success

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:warning

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:danger

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

色票群

.u-clr:red

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:orange

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:fire

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:yellow

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:olive

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:sapphire

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:cyan

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:magenta

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:bone

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:silver

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:momo

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:rosewood

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:skin

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:chartreuse

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:green

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:aegean

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:blue

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:violet

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:brown

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:gray

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:black

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

品牌色

.u-clr:youtube

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:google

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:pinterest

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:weibo

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:rss

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:snapchat

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:whatsapp

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:wechat

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:line

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:slack

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:tumblr

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:behance

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:messager

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:skype

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:dropbox

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:viemo

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:twitter

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:linkedin

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:facebook

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:vk

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:paypal

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:yahoo

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:vue

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:react

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-clr:angular

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

無彩度

.u-bk:0

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:2

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:5

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:8

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:10

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:12

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:15

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:20

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:30

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:40

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:50

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:60

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:70

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:80

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:90

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.u-bk:100

Lorem ipsum dolor sit amet, consectetur adipisicing elit.