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.