CSS   23
responsive tabs css
Guest on 27th August 2023 12:03:19 PM


  1. .r-tabs .r-tabs-nav {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5.  
  6. .r-tabs .r-tabs-tab {
  7.     display: inline-block;
  8.     margin: 0;
  9.     list-style: none;
  10. }
  11.  
  12. .r-tabs .r-tabs-panel {
  13.     padding: 15px;
  14.     display: none;
  15. }
  16.  
  17. .r-tabs .r-tabs-accordion-title {
  18.     display: none;
  19. }
  20.  
  21. .r-tabs .r-tabs-panel.r-tabs-state-active {
  22.     display: block;
  23. }
  24.  
  25. /* Accordion responsive breakpoint */
  26. @media only screen and (max-width: 768px) {
  27.     .r-tabs .r-tabs-nav {
  28.         display: none;
  29.     }
  30.  
  31.     .r-tabs .r-tabs-accordion-title {
  32.         display: block;
  33.     }
  34. }
Raw Paste

Login or Register to edit or fork this paste. It's free.