menus-and-lists.pcss.css

Same filename in other branches
  1. 8.9.x core/themes/claro/css/components/menus-and-lists.pcss.css
  2. 10 core/themes/claro/css/components/menus-and-lists.pcss.css
  3. 11.x core/themes/claro/css/components/menus-and-lists.pcss.css
/**
 * Menus and lists.
 */
.item-list ul {
  margin: 0.25em 0 0.25em 1.5em; /* LTR */
  list-style-type: disc;
  list-style-image: none;
}
[dir="rtl"] .item-list ul {
  margin: 0.25em 1.5em 0.25em 0;
}
.item-list ul li,
.menu-item {
  list-style-type: disc;
  list-style-image: none;
}
.menu-item {
  margin: 0;
}
.item-list ul li.collapsed,
.menu-item--collapsed {
  list-style-type: disc;
  list-style-image: url(../../images/menu-collapsed.png);
}
.item-list ul li.expanded,
.menu-item--expanded {
  list-style-type: circle;
  list-style-image: url(../../images/menu-expanded.png);
}
ul.links li,
ul.inline li {
  padding-right: 1em; /* LTR */
}
[dir="rtl"] ul.links li,
[dir="rtl"] ul.inline li {
  padding-right: 0;
  padding-left: 1em;
}
ul.inline li {
  display: inline;
}

File

core/themes/claro/css/components/menus-and-lists.pcss.css

View source
  1. /**
  2. * Menus and lists.
  3. */
  4. .item-list ul {
  5. margin: 0.25em 0 0.25em 1.5em; /* LTR */
  6. list-style-type: disc;
  7. list-style-image: none;
  8. }
  9. [dir="rtl"] .item-list ul {
  10. margin: 0.25em 1.5em 0.25em 0;
  11. }
  12. .item-list ul li,
  13. .menu-item {
  14. list-style-type: disc;
  15. list-style-image: none;
  16. }
  17. .menu-item {
  18. margin: 0;
  19. }
  20. .item-list ul li.collapsed,
  21. .menu-item--collapsed {
  22. list-style-type: disc;
  23. list-style-image: url(../../images/menu-collapsed.png);
  24. }
  25. .item-list ul li.expanded,
  26. .menu-item--expanded {
  27. list-style-type: circle;
  28. list-style-image: url(../../images/menu-expanded.png);
  29. }
  30. ul.links li,
  31. ul.inline li {
  32. padding-right: 1em; /* LTR */
  33. }
  34. [dir="rtl"] ul.links li,
  35. [dir="rtl"] ul.inline li {
  36. padding-right: 0;
  37. padding-left: 1em;
  38. }
  39. ul.inline li {
  40. display: inline;
  41. }

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