{"version":3,"sources":["Slot.styl"],"names":[],"mappings":"AAAA;;;;;;;AAWA;EACE,YAAW,eAAX;;AAEF;EACE,kBAAiB,QAAjB;EACA,QAAO,KAAP;EACA,WAAU,KAAV;EACA,OAAM,QAAN;;AAEF;EACE,aAAY,KAAZ;;AAEF;EACE,cAAa,KAAb;;AAEF;AAAc;EACZ,WAAU,KAAV;EACA,aAAY,KAAZ;EACA,WAAU,KAAV;EACA,aAAY,OAAZ;;AAEF;EACE,OAAM,QAAN;;AAEF;EACE,WAAU,KAAV;;AAEF;EACE,QAAwB,MAAxB;EACA,UAAS,OAAT;EACA,kBAAiB,QAAjB;EACA,WAAU,KAAV;;AACA;EACE,OAAM,KAAN;;AACF;EACE,oBAA8M,8JAA9M;EACA,oBAAsI,sFAAtI;EACA,YAA4H,oFAA5H;;AACF;EACE,QAAO,KAAP;EACA,UAAS,OAAT;EACA,aAAY,KAAZ;EACA,YAAW,OAAX;EACA,eAAc,SAAd;EACA,aAAY,OAAZ;;AACF;EACE,WAAU,KAAV;EACA,OAAM,QAAN;;AAEJ;AAAmB;EACjB,SAAQ,GAAR;EACA,SAAQ,aAAR;EACA,UAAS,SAAT;EACA,KAAqB,KAArB;EACA,MAAK,EAAL;EACA,QAAO,EAAP;EACA,OAAM,KAAN;EACA,YAAW,eAAX;;AAEF;EACE,KAAqB,MAArB;;AAGA;AAAO;AAAmB;EACxB,cAAa,MAAb","file":"Slot.css","sourcesContent":["/**\n * Scroller Component Demo for tingle\n * @author gbk\n *\n * Copyright 2014-2015, Tingle Team, Alinw.\n * All rights reserved.\n */\n@require '../node_modules/tingle-style/src/var'\n\nslotItemHeight = 44px\n\n.tSlot\n  border-top 1px solid #ccc\n\n.tSlotHeader\n  background-color #f2f2f2\n  height slotItemHeight\n  font-size 16px\n  color #424242\n\n.tSlotCancel\n  margin-left 15px\n\n.tSlotConfirm\n  margin-right 15px\n\n.tSlotCancel, .tSlotConfirm\n  min-width 29px\n  line-height slotItemHeight\n  font-size 14px\n  white-space nowrap\n\n.tSlotConfirm.enable\n  color #f86a35\n\n.tSlotTitle\n  font-size 18px\n\n.tSlotBody\n  height slotItemHeight * 5\n  overflow hidden\n  background-color #f9f9f9\n  font-size 14px\n  > .tScroller > .tDIB\n    width 100%\n  > div\n    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 1)), color-stop(60%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));\n    -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);\n    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);\n  li\n    height slotItemHeight\n    overflow hidden\n    line-height slotItemHeight\n    text-align center\n    text-overflow ellipsis\n    white-space nowrap\n  .tSlotItemActive\n    font-size 18px\n    color #f86a35\n\n.tSlotBody:before, .tSlotBody:after\n  content \"\"\n  display inline-block\n  position absolute\n  top slotItemHeight * 2\n  left 0\n  height 0\n  width 100%\n  border-top 1px solid #ccc\n\n.tSlotBody:after\n  top slotItemHeight * 3\n\n.hairlines\n  .Slot, .tSlotBody:before, .tSlotBody:after\n    border-width 0.5px\n"],"sourceRoot":"/source/"}