ListItem.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /* dojox.mobile.ListItem */
  2. .mblListItem {
  3. position: relative;
  4. list-style-type: none;
  5. vertical-align: bottom; /* To avoid IE6 LI bug */
  6. .mblListItem-styles;
  7. &.mblVariableHeight {
  8. height: auto;
  9. .mblListItem-mblVariableHeight-styles;
  10. }
  11. .mblListItemAnchor {
  12. display: block;
  13. height: 100%;
  14. -webkit-tap-highlight-color: rgba(255,255,255,0);
  15. .mblListItem-mblListItemAnchor-styles;
  16. * {
  17. -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
  18. }
  19. }
  20. }
  21. .mblItemSelected {
  22. .mblItemSelected-styles;
  23. .mblListItemSubText {
  24. .mblItemSelected-mblListItemSubText-styles;
  25. }
  26. .mblListItemAnchor {
  27. .mblItemSelected-mblListItemAnchor-styles;
  28. }
  29. .mblDomButton {
  30. div {
  31. .mblItemSelected-mblDomButton-Div-styles;
  32. }
  33. }
  34. }
  35. .mblListItemTextBoxSelected {
  36. .mblListItemTextBoxSelected-styles;
  37. }
  38. .mblListItemChecked {
  39. .mblListItemChecked-styles;
  40. }
  41. .mblListItemIcon {
  42. float: left;
  43. line-height: normal;
  44. .mblListItemIcon-styles;
  45. }
  46. .mblListItemSpriteIcon {
  47. position: absolute;
  48. .mblListItemSpriteIcon-styles;
  49. }
  50. .mblListItemRightIcon,
  51. .mblListItemRightIcon2 {
  52. position: relative;
  53. float: right;
  54. line-height: normal;
  55. .mblListItemRightIcon-styles;
  56. }
  57. .mblListItemRightText {
  58. position: relative;
  59. float: right;
  60. line-height: normal;
  61. .mblListItemRightText-styles;
  62. }
  63. .mblListItemTextBox {
  64. overflow: hidden;
  65. white-space: nowrap;
  66. text-overflow: ellipsis;
  67. .mblListItemTextBox-styles;
  68. }
  69. .mblVariableHeight .mblListItemTextBox {
  70. white-space: normal;
  71. }
  72. .mblListItemAnchorNoIcon .mblListItemTextBox {
  73. .mblListItemAnchorNoIcon-mblListItemTextBox-styles;
  74. }
  75. .mblListItemSubText {
  76. .mblListItemSubText-styles;
  77. }