ul.ui.list, ol.ui.list, .ui.list { list-style-type: none; margin: 1em 0; padding: 0; } ul.ui.list ul, ol.ui.list ol, .ui.list .list { margin: 0; padding: .5em 0 .5em 1em; } ul.ui.list:first-child, ol.ui.list:first-child, .ui.list:first-child { margin-top: 0; } ul.ui.list:last-child, ol.ui.list:last-child, .ui.list:last-child { margin-bottom: 0; } ul.ui.list li, ol.ui.list li, .ui.list .item { display: list-item; list-style-type: none; list-style-position: inside; padding: .3em 0; line-height: 1.2; } .ui.list .item:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .ui.list .item>.icon { display: table-cell; margin: 0; padding: .1em .5em 0 0; vertical-align: top; } .ui.list .item>.icon:only-child { display: inline-block; } .ui.horizontal.list .item>.icon { padding: 0 .25em 0 0; } .ui.list .item>img { display: inline-block; width: 2em; margin-right: .5em; vertical-align: middle; border-radius: .2em; } .ui.list .item>.content { display: inline-block; vertical-align: middle; line-height: 1.2; } .ui.list .item>.icon+.content { display: table-cell; vertical-align: top; padding-left: .5em; } .ui.list a { cursor: pointer; } .ui.list a .icon { color: rgba(0,0,0,.6); -webkit-transition: color .2s ease; transition: color .2s ease; } .ui.list .header { font-weight: 700; } .ui.list .description { color: rgba(0,0,0,.5); } .ui.list .item>.left.floated { margin-right: 1em; float: left; } .ui.list .item>.right.floated { margin-left: 1em; float: right; } .ui.horizontal.list { display: inline-block; font-size: 0; } .ui.horizontal.list .item { display: inline-block; margin-left: 1em; font-size: 1rem; } .ui.horizontal.list .item:first-child { margin-left: 0; } .ui.list a:hover .icon { color: rgba(0,0,0,.8); } .ui.link.list .item { color: rgba(0,0,0,.4); } .ui.link.list a.item, .ui.link.list .item a { color: rgba(0,0,0,.6); } .ui.link.list a.item:hover, .ui.link.list .item a:hover { color: rgba(0,0,0,.8); } .ui.link.list a.item:active, .ui.link.list .item a:active { color: rgba(0,0,0,.9); } .ui.link.list a.active.item, .ui.link.list .active.item a { color: rgba(0,0,0,.8); } .ui.selection.list .item { cursor: pointer; color: rgba(0,0,0,.4); padding: .5em; -webkit-transition: .2s color ease,.2s padding-left ease,.2s background-color ease; transition: .2s color ease,.2s padding-left ease,.2s background-color ease; } .ui.selection.list .item:hover { background-color: rgba(0,0,0,.02); color: rgba(0,0,0,.7); } .ui.selection.list:not(.horizontal, .ordered) .item:hover { padding-left: 1em; } .ui.selection.list:not(.horizontal, .ordered) .item:hover .item:hover { padding-left: .5em; } .ui.selection.list .item:active { background-color: rgba(0,0,0,.05); color: rgba(0,0,0,.7); } .ui.selection.list .item.active { background-color: rgba(0,0,0,.04); color: rgba(0,0,0,.7); } ul.ui.list, .ui.bulleted.list { margin-left: 1.5em; } ul.ui.list li, .ui.bulleted.list .item { position: relative; } ul.ui.list li:before, .ui.bulleted.list .item:before { position: absolute; left: -1.5em; content: '•'; line-height: 1.2rem; vertical-align: top; } ul.ui.list ul, .ui.bulleted.list .list { padding-left: 1.5em; } ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list { margin-left: 0; } ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list .item { margin-left: 1.5em; } ul.ui.horizontal.bulleted.list li:before, .ui.horizontal.bulleted.list .item:before { left: -.9em; } ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list .item:first-child { margin-left: 0; } ul.ui.horizontal.bulleted.list li:first-child::before, .ui.horizontal.bulleted.list .item:first-child::before { display: none; } ol.ui.list, .ui.ordered.list { counter-reset: ordered; margin-left: 2em; list-style-type: none; } ol.ui.list li, .ui.ordered.list .item { list-style-type: none; position: relative; } ol.ui.list li:before, .ui.ordered.list .item:before { position: absolute; left: -2em; counter-increment: ordered; content: counters(ordered,"."); text-align: right; vertical-align: top; opacity: .75; } ol.ui.list ol, .ui.ordered.list .list { counter-reset: ordered; padding-left: 2.5em; } ol.ui.list ol li:before, .ui.ordered.list .list .item:before { left: -2.5em; } ol.ui.horizontal.list, .ui.ordered.horizontal.list { margin-left: 0; } ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .item:before { position: static; margin: 0 .5em 0 0; } .ui.divided.list>.item, .ui.divided.list>.list { border-top: 1px solid rgba(0,0,0,.1); padding-left: .5em; padding-right: .5em; } .ui.divided.list .item .menu .item { border-width: 0; } .ui.divided.list .item:first-child { border-top-width: 0; } .ui.divided.list .list { margin-left: -.5em; margin-right: -.5em; } .ui.divided.list .list .item { padding-left: 1em; padding-right: 1em; } .ui.divided.list .list .item:first-child { border-top-width: 1px; } .ui.divided.bulleted.list { margin-left: 0; } .ui.divided.bulleted.list .item { padding-left: 1.5em; } .ui.divided.bulleted.list .item:before { left: .5em; } .ui.divided.ordered.list { margin-left: 0; } .ui.divided.ordered.list>.item { padding-left: 2em; padding-right: 2em; } .ui.divided.ordered.list>.item:before { left: .5em; } .ui.divided.ordered.list .item .list { margin-left: -2em; margin-right: -2em; } .ui.divided.horizontal.list { margin-left: 0; } .ui.divided.horizontal.list .item { border-top: 0; border-left: 1px solid rgba(0,0,0,.1); margin: 0; padding-left: .75em; padding-right: .75em; line-height: .6; } .ui.horizontal.divided.list .item:first-child { border-left: 0; padding-left: 0; } .ui.celled.list>.item, .ui.celled.list>.list { border-top: 1px solid rgba(0,0,0,.1); padding-left: .5em; padding-right: .5em; } .ui.celled.list>.item:last-child { border-bottom: 1px solid rgba(0,0,0,.1); } .ui.celled.list .item .list { margin-left: -.5em; margin-right: -.5em; } .ui.celled.list .item .list .item { border-width: 0; } .ui.celled.list .list .item:first-child { border-top-width: 0; } .ui.celled.bulleted.list { margin-left: 0; } .ui.celled.bulleted.list>.item { padding-left: 1.5em; } .ui.celled.bulleted.list>.item:before { left: .5em; } .ui.celled.ordered.list { margin-left: 0; } .ui.celled.ordered.list .item { padding-left: 2em; padding-right: 2em; } .ui.celled.ordered.list .item:before { left: .5em; } .ui.celled.ordered.list .item .list { margin-left: -2em; margin-right: -2em; } .ui.horizontal.celled.list { margin-left: 0; } .ui.horizontal.celled.list .item { border-top: 0; border-left: 1px solid rgba(0,0,0,.1); margin: 0; padding-left: .75em; padding-right: .75em; line-height: .6; } .ui.horizontal.celled.list .item:last-child { border-bottom: 0; border-right: 1px solid rgba(0,0,0,.1); } .ui.relaxed.list:not(.horizontal) .item { padding-top: .5em; padding-bottom: .5em; } .ui.horizontal.relaxed.list .item { padding-left: 1.25em; padding-right: 1.25em; } .ui.very.relaxed.list:not(.horizontal) .item { padding-top: 1em; padding-bottom: 1em; } .ui.horizontal.very.relaxed.list .item { padding-left: 2em; padding-right: 2em; } .ui.mini.list .item { font-size: .7rem; } .ui.tiny.list .item { font-size: .8125rem; } .ui.small.list .item { font-size: .875rem; } .ui.list .item { font-size: 1em; } .ui.large.list .item { font-size: 1.125rem; } .ui.big.list .item { font-size: 1.25rem; } .ui.huge.list .item { font-size: 1.375rem; } .ui.massive.list .item { font-size: 1.5rem; }