stylus 手写笔:IE7黑客选择器

手写笔:IE7黑客选择器

gistfile1.styl
*:first-child+html &

stylus 文字の縁取りMixin.styl

文字の縁取りMixin.styl
text-stroke(hoff = 1px, voff = 1px, blur = 0, color = #000)
	text-shadow (-1 * hoff) (-1 * voff) blur color, hoff (-1 * voff) blur color, (-1 * hoff) voff blur color, hoff voff blur color

stylus 手写笔:用户选择无

手写笔:用户选择无

gistfile1.styl
-webkit-touch-callout none
-khtml-user-select none
user-select none

stylus FOO

FOO

style.styl
.btn
  border 0
  margin 0
  cursor pointer
  padding 1em 2em
  background #478BEF
  color #fff
  font inherit
  font-size 1.3em
  font-weight 100
  outline none
  &:hover
    background @background - 15

stylus 手写笔:文本溢出省略号

手写笔:文本溢出省略号

gistfile1.styl
white-space nowrap
overflow hidden
text-overflow ellipsis
display block

stylus angular.styl

angular.styl
.red
  color red
.blue
  color blue
.solid-border
  border 1px solid black
.dotted-border
  border 1px dotted black
li
  margin-top 10px
.border
  border 1px solid red

stylus 针对手写笔的网格生成器

针对手写笔的网格生成器

grid.styl
$grid ?= {
  gutter: 0
  columns: 16
  padding: 20px
}

.grid
  float: left
  box-sizing: border-box
  border-left: $grid.gutter solid transparent
  padding-left: ($grid.padding / 2)
  padding-right: ($grid.padding / 2)
  margin-left: -($grid.gutter)

  &_split
    padding-right: 0
    padding-left: 0

  &_right
    float: right

  &_center
    float: none
    margin-left: auto
    margin-right: auto

for $column in 1..$grid.columns
  
  .grid_{$column}
    width: unit(($column / $grid.columns) * 100, '%')

  .grid_prefix_{$column}
    margin-left: unit(($column / $grid.columns) * 100, '%')

stylus reset.styl

reset.styl
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, font, 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, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
  margin 0
  padding 0
  border 0
  outline 0
  font-size 100%
  vertical-align baseline
  background transparent
  font-weight normal

body
  line-height 1

ul, ol, dl, li, dt, dd
  list-style none

blockquote, q
  quotes none

del
  text-decoration line-through

table
  border-collapse collapse
  border-spacing 0

td
  vertical-align middle

p img
  max-width 100%

input
  -webkit-appearance none

input[type="hidden"]
  display none

acronym, abbr
  cursor help