[縦リボン] #stylus

vertical-ribbon.styl

// あまり見なかったので作った後で整理する
.ribbon-vertical
  w = 46px
  size = 3px
  position absolute
  top t = (-(size px))
  left 10px
  overflow hidden
  width: (w + size) px
  height h = 29px

  &::before
    position absolute
    top t
    left: (w - size) px
    z-index 1
    width 0
    height 0
    border-width 3px
    border-style solid
    border-color transparent transparent #333
    content ''

  &::after
    position absolute
    top 0
    left 0
    z-index 10
    display block
    width w
    height h
    background #ccc
    color #FFF
    content 'New'
    text-align center
    line-height h