han-css/src/styl/example.styl

The CSS typography framework optimised for Hanzi

// **
// * 設定
// * Config
// **
// * 根元素
// * `html` || `'*:root'`
// *
$han-root = html

// **
// * 文章選擇器
// * 可能的選項：
// * `article` || `.article` || `.post` || `.entry`
// *
$han-article = article

// **
// * 全域行高
// * 推薦値：`1.2-1.7(em)`
// *
$han-line-height = 1.3

// **
// * 文章區塊行高
// * 推薦値：`1.5-2(em)`
// *
$han-article-line-height = 1.7

// **
// * 文章區塊頭尾對齊
// * `true` || `false`
// *
$han-article-justify = true

// **
// * [高級排版功能]
// * 文章章節的計數
// * `true` || `false`
// *
$han-section-counter = false

// * 開啓文章章節的目錄計數
$han-section-counter-toc = false

// **
// * 縮進
// * 推薦値：`1em` || `2em`
// *
$han-indent = 2em

// **
// * 行動裝置上的縮進
// * 推薦値：`1em` || `2em`
// *
$han-indent-md = 1em

// **
// * 行動裝置最大寬度（彈性設計，responsive web design）
// * 推薦値：`480px` || `30em`
// *
$han-mobile-device-width = 480px
// **
// * 着重號
// * 見：http://w3.org/TR/css-text-decor-3/#emphasis-marks
// *
// * `none` || `biaodian`
$han-text-emphasis-skip = biaodian
// * `none` || `filled` || `open`
$han-text-emphasis-shape = filled
// * `dot` || `circle` || `double-circle` || `triangle` || `sesame` || <string>
$han-text-emphasis-mark = circle
// * `over` || `under`
$han-text-emphasis-posi = under
// * `inherit` || <color>
$han-text-emphasis-color = inherit

// *
// * 着重號（日文）
// *
$han-text-emphasis-shape-ja = filled
$han-text-emphasis-mark-ja = sesame
$han-text-emphasis-posi-ja = over
$han-text-emphasis-color-ja = inherit

// **
// * 注音行間注字體大小（單位：em）
// * http://www.w3.org/TR/clreq/#positioning_of_zhuyin
// * 推薦値：`.25-.5(em)`
// *
$han-zhuyin-ruby = .4

// **
// * 中文地區變體預設値
// *（繁體中文、簡體中文）
// * `hant` || `hans`
// *
$han-default-variant = hant

// **
// * 繁體中文字形
// * `default` || `CNS` || `GB`
// *
$han-glyph-set-hant = default

// **
// * 簡體中文字形
// * `default` || `GB`
// *
$han-glyph-set-hans = GB

// **
// * 繁體中文標點
// * `Pro` || `CNS` || `GB` || `simp`
// *
$han-biaodian-hant = Pro

// **
// * 簡體中文標點
// * `Pro` || `CNS` || `GB` || `simp`
// *
$han-biaodian-hans = GB

// **
// * 各語言文字的標點懸掛與否
// *
$han-hanging-hant = false
$han-hanging-hans = true
$han-hanging-ja = true

// **
// * 西文（拉丁字母等）通用字體
// *
$han-sans = "Helvetica Neue", Helvetica, Arial
$han-serif = Georgia, "Times New Roman"
$han-cursive = "Apple Chancery", "Snell Roundhand"
$han-mono = Menlo, Courier

// **
// * 中文通用字體
// *
$han-sans-zh = ""
$han-serif-zh = ""
$han-cursive-zh = ""
$han-mono-zh = $han-sans-zh

// **
// * Web font路徑
// *（注音符號、羅馬拼音陽入韻連字、部分標點修正、標點懸掛所需的空格）
// *
$han-font-path = "./font/"

// **
// * 在所有樣式前滙入`src/styl`
// * Import `src/styl` before anything else
@import 'index'