_carousel.scss 496 B

12345678910111213141516171819202122232425262728293031
  1. //
  2. // Component: Carousel
  3. //
  4. .carousel-control-custom-icon {
  5. .carousel-control-prev & {
  6. margin-left: -20px;
  7. }
  8. .carousel-control-next & {
  9. margin-right: 20px;
  10. }
  11. /* stylelint-disable selector-class-pattern */
  12. > .fa,
  13. > .fas,
  14. > .far,
  15. > .fab,
  16. > .fal,
  17. > .fad,
  18. > .svg-inline--fa,
  19. > .ion {
  20. display: inline-block;
  21. font-size: 40px;
  22. margin-top: -20px;
  23. position: absolute;
  24. top: 50%;
  25. z-index: 5;
  26. }
  27. /* stylelint-enable selector-class-pattern */
  28. }