han-css/src/styl/locale/mixin.styl

The CSS typography framework optimised for Hanzi

han-mark-to-code( $mark, $shape = filled )
  $ret = $mark
  if $shape == filled
    if $mark == circle
      $ret = "\25cf"
    if $mark == sesame
      $ret = "\fe45"
    if $mark == dot
      $ret = "\2022"
    if $mark == double-circle
      $ret = "\25c9"
    if $mark == triangle
      $ret = "\25b2"
  if $shape == open
    if $mark == circle
      $ret = "\25cb"
    if $mark == sesame
      $ret = "\fe46"
    if $mark == dot
      $ret = "\25e6"
    if $mark == double-circle
      $ret = "\25ce"
    if $mark == triangle
      $ret = "\25b3"
  $ret

han-calc( $prop, $exp )
  $prop: -moz-calc( $exp )
  $prop: -webkit-calc( $exp )
  $prop: calc( $exp )

han-scale( $size, $origin = 'left top' )
  -moz-transform:    scale( $size )
  -ms-transform:     scale( $size )
  -webkit-transform: scale( $size )
  transform:         scale( $size )
  -moz-transform-origin:    unquote($origin)
  -ms-transform-origin:     unquote($origin)
  -webkit-transform-origin: unquote($origin)
  transform-origin:         unquote($origin)

han-scale-center( $size )
  -moz-transform: scale( $size )
  -ms-transform: scale( $size )
  -webkit-transform: scale( $size )
  transform: scale( $size )

han-typo-reset()
  han-text-emphasis-internal( none )
  font-style: normal
  font-weight: normal
  line-height: normal
  text-decoration: none
  text-indent: 0

han-text-emphasis-internal( $posi = $HAN-TEXT-EMPHASIS-POSI, $mark = $HAN-TEXT-EMPHASIS-MARK, $shape = $HAN-TEXT-EMPHASIS-SHAPE, $color = $HAN-TEXT-EMPHASIS-COLOR )
  if $posi == none
    $mark = none
    $shape = null
  if $mark != null or $shape != null
    -moz-text-emphasis:    $shape $mark
    -webkit-text-emphasis: $shape $mark
    text-emphasis:         $shape $mark
  if $posi != null and $posi != none
    -moz-text-emphasis-position:    $posi
    -webkit-text-emphasis-position: $posi
    text-emphasis-position:         $posi
  if $color != null and $color != inherit
    -moz-text-emphasis-color:    $color
    -webkit-text-emphasis-color: $color
    text-emphasis-color:         $color

han-text-emphasis-pf( $posi = $HAN-TEXT-EMPHASIS-POSI, $mark = $HAN-TEXT-EMPHASIS-MARK, $shape = $HAN-TEXT-EMPHASIS-SHAPE, $color = $HAN-TEXT-EMPHASIS-COLOR, $skip = $HAN-TEXT-EMPHASIS-SKIP, $extend = true )
  if $extend
    @extend $han-text-emphasis-pf
  if $extend and $skip
    @extend $han-text-emphasis-skip
  if $posi == under
    $posi = 1em
  if $posi == over
    $posi = -0.7em

  $mark = han-mark-to-code($mark, $shape)

  .no-textemphasis & h-char:after
    if $posi != null
      margin-top: $posi
    if $mark != null and $mark != ""
      content: $mark
    if $color != null and $color != inherit
      color: $color
  if $extend == false and $skip == false
    h-char.punct,
    h-char.biaodian
      han-text-emphasis(null, inherit, null, null)
      .no-textemphasis &:after
        if $mark == null
          $mark = "\25cf"
          if $shape == open
            $mark = "\25cb"
        content: $mark !important