_slide-box.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /**
  2. * Slide Box
  3. * --------------------------------------------------
  4. */
  5. .slider {
  6. position: relative;
  7. visibility: hidden;
  8. // Make sure items don't scroll over ever
  9. overflow: hidden;
  10. }
  11. .slider-slides {
  12. position: relative;
  13. height: 100%;
  14. }
  15. .slider-slide {
  16. position: relative;
  17. display: block;
  18. float: left;
  19. width: 100%;
  20. height: 100%;
  21. vertical-align: top;
  22. }
  23. .slider-slide-image {
  24. > img {
  25. width: 100%;
  26. }
  27. }
  28. .slider-pager {
  29. position: absolute;
  30. bottom: 20px;
  31. z-index: $z-index-slider-pager;
  32. width: 100%;
  33. height: 15px;
  34. text-align: center;
  35. .slider-pager-page {
  36. display: inline-block;
  37. margin: 0px 3px;
  38. width: 15px;
  39. color: #000;
  40. text-decoration: none;
  41. opacity: 0.3;
  42. &.active {
  43. @include transition(opacity 0.4s ease-in);
  44. opacity: 1;
  45. }
  46. }
  47. }
  48. //Disable animate service animations
  49. .slider-slide,
  50. .slider-pager-page {
  51. &.ng-enter,
  52. &.ng-leave,
  53. &.ng-animate {
  54. -webkit-transition: none !important;
  55. transition: none !important;
  56. }
  57. &.ng-animate {
  58. -webkit-animation: none 0s;
  59. animation: none 0s;
  60. }
  61. }