You are here

Home » API reference » Drupal 8

item-list.css in Drupal 8

Same filename in this branch
  1. 8 core/themes/classy/css/components/item-list.css
  2. 8 core/themes/bartik/css/components/item-list.css
  3. 8 core/themes/claro/css/classy/components/item-list.css
  4. 8 core/themes/seven/css/classy/components/item-list.css
  5. 8 core/themes/bartik/css/classy/components/item-list.css
  6. 8 core/profiles/demo_umami/themes/umami/css/classy/components/item-list.css
Same filename and directory in other branches
  1. 9 core/themes/bartik/css/components/item-list.css

Visual styles for Bartik's item list.

File

core/themes/bartik/css/components/item-list.css
View source 
  1. /**

  2.  * @file

  3.  * Visual styles for Bartik's item list.

  4.  */

  5. 

  6. .item-list ul {

  7.   margin: 0 0 0.25em 0;

  8.   padding: 0; /* LTR */

  9.   list-style: none;

  10. }

  11. [dir="rtl"] .item-list ul {

  12.   padding: 0;

  13. }

  14. .item-list ul li {

  15.   /* This is needed to reset styles in item-list.theme.css */

  16.   margin: 0;

  17.   padding: 0.2em 0.5em 0 0; /* LTR */

  18. }

  19. [dir="rtl"] .item-list ul li {

  20.   /* This is needed to reset [dir="rtl"] styles in item-list.theme.css */

  21.   margin: 0;

  22.   padding: 0.2em 0 0 0.5em;

  23. }

  24. .item-list .item-list__comma-list,

  25. .item-list .item-list__comma-list li,

  26. [dir="rtl"] .item-list .item-list__comma-list,

  27. [dir="rtl"] .item-list .item-list__comma-list li {

  28.   padding: 0;

  29. }