carousel.scss 773 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .demo-carousel .block {
  2. padding: 30px;
  3. text-align: center;
  4. border-right: solid 1px #eff2f6;
  5. display: inline-block;
  6. width: 50%;
  7. box-sizing: border-box;
  8. &:last-child {
  9. border-right: none;
  10. }
  11. }
  12. .demo-carousel .demonstration {
  13. display: block;
  14. color: #8492a6;
  15. font-size: 14px;
  16. margin-bottom: 20px;
  17. }
  18. .demo-carousel .el-carousel__container {
  19. text-align: center;
  20. }
  21. .demo-carousel .el-carousel__item {
  22. h3 {
  23. color: #fff;
  24. font-size: 18px;
  25. line-height: 300px;
  26. margin: 0;
  27. }
  28. &:nth-child(2n) {
  29. background-color: #99a9bf;
  30. }
  31. &:nth-child(2n + 1) {
  32. background-color: #d3dce6;
  33. }
  34. }
  35. .demo-carousel .small h3 {
  36. font-size: 14px;
  37. line-height: 150px;
  38. }
  39. .demo-carousel .medium h3 {
  40. font-size: 14px;
  41. line-height: 200px;
  42. }