tabs.css

Visual styles for tabs.

File

core/profiles/demo_umami/themes/umami/css/components/navigation/tabs/tabs.css

View source
  1. /**
  2. * @file
  3. * Visual styles for tabs.
  4. */
  5. .tabs.primary {
  6. display: flex;
  7. flex-wrap: wrap;
  8. margin: 0 0 0.5em;
  9. padding: 0;
  10. list-style: none;
  11. }
  12. .tabs__tab {
  13. margin: 0; /* LTR */
  14. background-color: #e6eee0;
  15. }
  16. .tabs__tab.is-active {
  17. background-color: #fff;
  18. }
  19. .tabs__link {
  20. display: block;
  21. padding: 0.75rem 1rem;
  22. text-decoration: none;
  23. color: inherit;
  24. background-color: inherit;
  25. }
  26. .tabs__link.is-active {
  27. background-color: inherit;
  28. }
  29. .tabs__link:focus,
  30. .tabs__link:hover {
  31. outline-offset: -5px;
  32. background-color: #fff;
  33. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.