frontend.responsive.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .fl-tabs {
  2. position: relative;
  3. }
  4. /* Labels
  5. ------------------------------------ */
  6. .fl-tabs-labels {
  7. display: flex;
  8. white-space: nowrap;
  9. overflow-y: hidden;
  10. -webkit-overflow-scrolling: touch;
  11. position: relative;
  12. }
  13. .fl-tabs::after {
  14. display: block;
  15. position: absolute;
  16. top: 0;
  17. right: 0;
  18. width: 20px;
  19. height: 44px;
  20. background: linear-gradient(to left, rgba( 255, 255, 255, 1 ), rgba( 255, 255, 255, 0));
  21. pointer-events: none;
  22. }
  23. .fl-tabs-label.fl-tab-active {
  24. position: static;
  25. }
  26. /* Panel Labels
  27. ------------------------------------ */
  28. .fl-tabs-label {
  29. display: table;
  30. padding: 10px 15px;
  31. }
  32. /* Panels
  33. ------------------------------------ */
  34. /* Horizontal
  35. ------------------------------------ */
  36. .fl-tabs-horizontal .fl-tabs-label {
  37. float: none;
  38. }
  39. /* Vertical
  40. ------------------------------------ */
  41. .fl-tabs-vertical .fl-tabs-labels {
  42. float: none;
  43. width: auto;
  44. }
  45. .fl-tabs-vertical .fl-tabs-label.fl-tab-active {
  46. border: none;
  47. padding: 10px 15px;
  48. }
  49. .fl-tabs-vertical .fl-tabs-panels {
  50. float: none;
  51. width: auto;
  52. }