tabs.css

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/tabs.css
  2. 8.9.x core/themes/seven/css/components/tabs.css
  3. 8.9.x core/themes/seven/css/classy/components/tabs.css
  4. 8.9.x core/themes/claro/css/components/tabs.css
  5. 8.9.x core/themes/bartik/css/components/tabs.css
  6. 8.9.x core/themes/bartik/css/classy/components/tabs.css
  7. 8.9.x core/themes/classy/css/components/tabs.css
  8. 8.9.x core/assets/vendor/jquery.ui/themes/base/tabs.css
Same filename and directory in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/components/navigation/tabs/tabs.css
  2. 9 core/profiles/demo_umami/themes/umami/css/components/regions/tabs/tabs.css
  3. 9 core/profiles/demo_umami/themes/umami/css/classy/components/tabs.css
  4. 9 core/themes/olivero/css/components/tabs.css
  5. 9 core/themes/seven/css/components/tabs.css
  6. 9 core/themes/seven/css/classy/components/tabs.css
  7. 9 core/themes/claro/css/components/tabs.css
  8. 9 core/themes/bartik/css/components/tabs.css
  9. 9 core/themes/bartik/css/classy/components/tabs.css
  10. 9 core/themes/starterkit_theme/css/components/tabs.css
  11. 9 core/themes/classy/css/components/tabs.css
  12. 10 core/profiles/demo_umami/themes/umami/css/components/navigation/tabs/tabs.css
  13. 10 core/profiles/demo_umami/themes/umami/css/components/regions/tabs/tabs.css
  14. 10 core/themes/olivero/css/components/tabs.css
  15. 10 core/themes/claro/css/components/tabs.css
  16. 10 core/themes/starterkit_theme/css/components/tabs.css
  17. 11.x core/profiles/demo_umami/themes/umami/css/components/navigation/tabs/tabs.css
  18. 11.x core/profiles/demo_umami/themes/umami/css/components/regions/tabs/tabs.css
  19. 11.x core/themes/olivero/css/components/tabs.css
  20. 11.x core/themes/claro/css/components/tabs.css
  21. 11.x core/themes/starterkit_theme/css/components/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. .layout-tabs {
  6. background-color: #79bd8f;
  7. }
  8. .tabs.primary {
  9. display: flex;
  10. flex-wrap: wrap;
  11. margin: 0 0 0.5em;
  12. padding: 0;
  13. list-style: none;
  14. }
  15. .tabs .tab {
  16. margin: 0; /* LTR */
  17. background-color: #e6eee0;
  18. }
  19. [dir=rtl] .tabs .tab {
  20. margin: 0;
  21. }
  22. .tabs .tab.is-active {
  23. background-color: #fff;
  24. }
  25. .tabs a {
  26. display: block;
  27. padding: 0.75rem 1rem;
  28. text-decoration: none;
  29. color: inherit;
  30. background-color: inherit;
  31. }
  32. .tabs a.is-active {
  33. background-color: inherit;
  34. }
  35. .tabs a:focus,
  36. .tabs a:hover {
  37. outline-offset: -5px;
  38. background-color: #fff;
  39. }

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