IconContainer.less 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /* dojox.mobile.IconContainer */
  2. .mblIconContainer {
  3. .mblIconContainer-styles;
  4. }
  5. /* dojox.mobile.IconItem */
  6. .mblIconItem {
  7. list-style-type: none;
  8. float: left;
  9. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  10. }
  11. .mblIconItemTerminator {
  12. list-style-type: none;
  13. clear: both;
  14. .mblIconItemTerminator-styles;
  15. }
  16. .mblIconItemSub {
  17. list-style-type: none;
  18. .mblIconItemSub-styles;
  19. }
  20. .mblIconArea {
  21. .mblIconArea-styles;
  22. div {
  23. position: relative;
  24. height: 65px;
  25. line-height: 65px;
  26. text-align: center;
  27. }
  28. img {
  29. vertical-align: middle;
  30. }
  31. }
  32. .mblIconItemSpriteIcon {
  33. position: absolute;
  34. }
  35. .mblContent {
  36. clear: both;
  37. .mblContent-styles;
  38. }
  39. table.mblClose {
  40. clear: both;
  41. cursor: pointer;
  42. }
  43. .mblVibrate{
  44. position: relative;
  45. -webkit-animation-duration: .5s;
  46. -webkit-animation-timing-function: ease-in-out;
  47. -webkit-animation-iteration-count: 20;
  48. -webkit-animation-name: mblVibrate;
  49. -webkit-transform: rotate(0deg);
  50. }
  51. .mblCloseContent{
  52. -webkit-animation-duration: .3s;
  53. -webkit-animation-timing-function: ease-in-out;
  54. -webkit-animation-name: mblShrink;
  55. -webkit-transform: scale(0.01);
  56. &.mblShrink0{
  57. -webkit-animation-name: mblShrink0;
  58. }
  59. &.mblShrink1{
  60. -webkit-animation-name: mblShrink1;
  61. }
  62. &.mblShrink2{
  63. -webkit-animation-name: mblShrink2;
  64. }
  65. &.mblShrink3{
  66. -webkit-animation-name: mblShrink3;
  67. }
  68. }
  69. /* Icon Content Heading */
  70. .mblIconContentHeading {
  71. position: relative;
  72. clear: both;
  73. overflow: hidden;
  74. white-space: nowrap;
  75. text-overflow: ellipsis;
  76. .mblIconContentHeading-styles;
  77. }