|
|
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 1em .5em 0; }
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 0 0 .5em; vertical-align: top; }
.ui.list .item>.icon:only-child { display: inline-block; }
.ui.horizontal.list .item>.icon { padding: 0 0 0 .25em; }
.ui.list .item>img { display: inline-block; width: 2em; margin-left: .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-right: .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-left: 1em; float: right; }
.ui.list .item>.right.floated { margin-right: 1em; float: left; }
.ui.horizontal.list { display: inline-block; font-size: 0; }
.ui.horizontal.list .item { display: inline-block; margin-right: 1em; font-size: 1rem; }
.ui.horizontal.list .item:first-child { margin-right: 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-right ease,.2s background-color ease; transition: .2s color ease,.2s padding-right 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-right: 1em; }
.ui.selection.list:not(.horizontal, .ordered) .item:hover .item:hover { padding-right: .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-right: 1.5em; }
ul.ui.list li, .ui.bulleted.list .item { position: relative; }
ul.ui.list li:before, .ui.bulleted.list .item:before { position: absolute; right: -1.5em; content: '•'; line-height: 1.2rem; vertical-align: top; }
ul.ui.list ul, .ui.bulleted.list .list { padding-right: 1.5em; }
ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list { margin-right: 0; }
ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list .item { margin-right: 1.5em; }
ul.ui.horizontal.bulleted.list li:before, .ui.horizontal.bulleted.list .item:before { right: -.9em; }
ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list .item:first-child { margin-right: 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-right: 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; right: -2em; counter-increment: ordered; content: counters(ordered,"."); text-align: left; vertical-align: top; opacity: .75; }
ol.ui.list ol, .ui.ordered.list .list { counter-reset: ordered; padding-right: 2.5em; }
ol.ui.list ol li:before, .ui.ordered.list .list .item:before { right: -2.5em; }
ol.ui.horizontal.list, .ui.ordered.horizontal.list { margin-right: 0; }
ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .item:before { position: static; margin: 0 0 0 .5em; }
.ui.divided.list>.item, .ui.divided.list>.list { border-top: 1px solid rgba(0,0,0,.1); padding-right: .5em; padding-left: .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-right: -.5em; margin-left: -.5em; }
.ui.divided.list .list .item { padding-right: 1em; padding-left: 1em; }
.ui.divided.list .list .item:first-child { border-top-width: 1px; }
.ui.divided.bulleted.list { margin-right: 0; }
.ui.divided.bulleted.list .item { padding-right: 1.5em; }
.ui.divided.bulleted.list .item:before { right: .5em; }
.ui.divided.ordered.list { margin-right: 0; }
.ui.divided.ordered.list>.item { padding-right: 2em; padding-left: 2em; }
.ui.divided.ordered.list>.item:before { right: .5em; }
.ui.divided.ordered.list .item .list { margin-right: -2em; margin-left: -2em; }
.ui.divided.horizontal.list { margin-right: 0; }
.ui.divided.horizontal.list .item { border-top: 0; border-right: 1px solid rgba(0,0,0,.1); margin: 0; padding-right: .75em; padding-left: .75em; line-height: .6; }
.ui.horizontal.divided.list .item:first-child { border-right: 0; padding-right: 0; }
.ui.celled.list>.item, .ui.celled.list>.list { border-top: 1px solid rgba(0,0,0,.1); padding-right: .5em; padding-left: .5em; }
.ui.celled.list>.item:last-child { border-bottom: 1px solid rgba(0,0,0,.1); }
.ui.celled.list .item .list { margin-right: -.5em; margin-left: -.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-right: 0; }
.ui.celled.bulleted.list>.item { padding-right: 1.5em; }
.ui.celled.bulleted.list>.item:before { right: .5em; }
.ui.celled.ordered.list { margin-right: 0; }
.ui.celled.ordered.list .item { padding-right: 2em; padding-left: 2em; }
.ui.celled.ordered.list .item:before { right: .5em; }
.ui.celled.ordered.list .item .list { margin-right: -2em; margin-left: -2em; }
.ui.horizontal.celled.list { margin-right: 0; }
.ui.horizontal.celled.list .item { border-top: 0; border-right: 1px solid rgba(0,0,0,.1); margin: 0; padding-right: .75em; padding-left: .75em; line-height: .6; }
.ui.horizontal.celled.list .item:last-child { border-bottom: 0; border-left: 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-right: 1.25em; padding-left: 1.25em; }
.ui.very.relaxed.list:not(.horizontal) .item { padding-top: 1em; padding-bottom: 1em; }
.ui.horizontal.very.relaxed.list .item { padding-right: 2em; padding-left: 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; }
|