stylus init

// 颜色定义规范
$color-theme = #ff4444
$color-primary = #20a0ff//#18c79c
$color-font = rgba(102, 102, 102, 1)

//字体定义规范
$font-size-small-s = 10px
$font-size-small = 12px
$font-size-medium = 14px
$font-size-medium-x = 16px
$font-size-large = 18px
$font-size-large-x = 22px

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input
  margin: 0
  padding: 0
  border: 0
  font-size: 100%
  font-weight: normal
  vertical-align: baseline

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section
  display: block

body
  line-height: 1

blockquote, q
  quotes: none

blockquote:before, blockquote:after,
q:before, q:after
  content: none

table
  border-collapse: collapse
  border-spacing: 0


/* custom */

a
  color: #7e8c8d
  -webkit-backface-visibility: hidden
  text-decoration: none

li
  list-style: none

body
  -webkit-text-size-adjust: none
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

input[type=button], input[type=submit], input[type=file], button
  cursor: pointer
  -webkit-appearance: none

@media screen and (min-width: 1200px)

@media screen and (min-width: 960px) and (max-width: 1199px)

@media screen and (min-width: 768px) and (max-width: 959px)

@media only screen and (min-width: 480px) and (max-width: 767px)

@media only screen and (max-width: 479px)

/*
 * section2.1 background and border
 */
semi-transparent-border(border-width)
    box-sizing:border-box;
    border: border-width solid hsla(0, 0%, 100%, .5);
    background-clip: padding-box;

@import '~common/stylus/reset'
@import '~common/stylus/variable'
@import '~common/stylus/mixins'

img
  pointer-events:none   /*禁止对图片进行拖拽、复制等操作*/

a  
  color: #7e8c8d  
  -webkit-backface-visibility: hidden  
  text-decoration: none  
  
li  
  list-style: none  
  
body  
  -webkit-text-size-adjust: none  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)  
  
input[type=button], input[type=submit], input[type=file], button  
  cursor: pointer  
  -webkit-appearance: none