mobile.base.styl

mobile.base.styl

/**
 * base
 */
/**
 * @vendor http://learnboost.github.io/stylus/docs/interpolation.html
 */
vendor(prop, args)
  -webkit-{prop} args
  -moz-{prop} args
  {prop} args

/**
 * Micro clearfix from nicolas
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */
clearfix()
  &:before
  &:after 
    content: " "
    display: table
  &:after
    clear: both

.cf
  clearfix()
.cf
  *zoom: 1

/**
 * box-sizing
 * http://blog.teamtreehouse.com/box-sizing-secret-simple-css-layouts#comment-50223
 */
html
  box-sizing: border-box

*
*:before
*:after
  box-sizing: inherit

body
  -webkit-touch-callout: none;    /* 禁止在中IOS，长按a，弹出菜单事件*/
  -webkit-text-size-adjust:none;  /* 禁止缩放字体大小 */
  -webkit-appearance: none;       /* 禁止使用系统风格 */
  -webkit-tap-highlight-color: transparent; /* 禁止点击时高亮 */
  -webkit-user-drag: none;        /* 禁止整体拖动*/
  -webkit-user-select : none;     /* 禁止选中文字 for iOS */
a
img
button
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 禁止点击时高亮 */
  -webkit-touch-callout:none;  /* 禁止在中IOS，长按，弹出菜单事件 */