wcfsetup/install/files/style/bootstrap/mixin/list.scss

   1 @mixin nativeList {
   2         margin: 1em 0 1em 40px;
   3
   4         ul,
   5         ol {
   6                 margin-bottom: 0;
   7                 margin-top: 0;
   8         }
   9
  10         li {
  11                 margin: 5px 0;
  12         }
  13 }
  14
  15 @mixin commaSeparated {
  16         > li {
  17                 &:not(:last-child):after {
  18                         content: ",";
  19                         padding-left: 1px;
  20                 }
  21         }
  22 }
  23
  24 @mixin dotSeparated {
  25         > li {
  26                 &:not(:last-child):after {
  27                         content: "\00b7";
  28                         margin-left: 5px;
  29                 }
  30         }
  31 }
  32
  33 @mixin inlineList {
  34         display: flex;
  35         flex-wrap: wrap;
  36
  37         > li {
  38                 flex: 0 1 auto;
  39
  40                 &:not(:last-child) {
  41                         margin-right: 5px;
  42                 }
  43         }
  44
  45         /* adds a comma after each list item */
  46         &.commaSeparated {
  47                 @include commaSeparated;
  48         }
  49
  50         /* adds a dot after each list item */
  51         &.dotSeparated {
  52                 @include dotSeparated;
  53         }
  54 }