_ui.marquee.scss 648 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. @charset "utf-8";
  2. /*
  3. * @file: 轮播文字条基础UI模块
  4. * @update: 2015-06-05 16:45:23
  5. */
  6. /*
  7. * 默认轮播文字条
  8. * @base
  9. */
  10. .ui-marquee {
  11. position: relative;
  12. height: 22px;
  13. padding: 0 30px 0 10px;
  14. border: 1px solid #dedede;
  15. font-size: 12px;
  16. overflow: hidden;
  17. }
  18. .ui-marquee__panel {
  19. height: 22px;
  20. line-height: 22px;
  21. overflow: hidden;
  22. }
  23. .ui-marquee__prev,
  24. .ui-marquee__next {
  25. position: absolute;
  26. right: 0;
  27. cursor: pointer;
  28. @include opacity(.5, true);
  29. &:hover {
  30. @include opacity(1, true);
  31. }
  32. }
  33. .ui-marquee__prev {
  34. top: -2px;
  35. }
  36. .ui-marquee__next {
  37. top: 8px;
  38. }