table-view elements.sass

$m: 1

.checkmark:after
  content: '\2714'
  color: #358
  font-size: (24px * $m)

.disclosure-indicator:after
  display: block
  content: ''

  height: (6px * $m)
  width: (6px * $m)

  -webkit-transform: rotate(45deg)

  border: solid #7f7f7f
  border-width: (3px * $m) (3px * $m) 0 0

.detail-disclosure-button
  display: block
  content: ''

  position: relative

  height: (19px * $m)
  width: (19px * $m)

  background-color: #26d
  background-image: -webkit-gradient(radial, 50% 140%, (18 * $m), 50% 140%, (19 * $m), from(#26d), to(#58d))
  -webkit-background-clip: content-box

  border: solid #fff
  border-width: (2px * $m)
  -webkit-border-radius: (11px * $m)

  -webkit-box-shadow: 0 (2px * $m) (3px * $m) rgba(0, 0, 0, 0.5), 0 (-1px * $m) (2px * $m) rgba(0, 0, 0, 0.2)

  &:before, &:after
    display: block
    content: ''

    position: absolute

    height: (6px * $m)
    width: (6px * $m)

    -webkit-transform: rotate(45deg)

    border-style: solid
    border-width: (3px * $m) (3px * $m) 0 0

  &:after
    top: 30%
    left: 24%

    border-color: #fff

  &:before
    top: 25%
    left: 24%

    border-color: #469