/* ---------------------------------------------------------------------- Lists & Bullet Lists -------------------------------------------------------------------------*/ // DELETE VARIABLES .list { clear: both; display: block; position: relative; li { line-height: 32px; a { font-weight: 600; } } } .list-lines, .icon-list, .list-simple, .list-posts, .list ul { padding: 0px; } .list, .list-lines, .icon-list, .list-simple, .list-posts, .list-tweets li { list-style: none; } .list-colored { li a { color: $color-theme; font-weight: 600; } } .list-legend { li { float: left; margin-right: 14px; margin-bottom: 10px; span { width: 12px; height: 12px; border-radius: 50%; margin-right: 9px; background-color: $background-theme; float: left; margin-top: 6px; } } } .icon-list li, .list-arrow-icons li, .list-tweets li { padding-left: 0px; } .list-medium li { margin: 12px 0; } .list-large li { margin: 18px 0; } .list-large li:first-child, .list-medium li:first-child { margin-top: 0; } .list-large li:last-child, .list-medium li:last-child { margin-bottom: 0; } .list-posts small { display: block; font-style: italic; opacity: 0.7; } .list-lines { list-style: none; li { border-bottom: 1px solid #ddd; padding: 10px 0 10px 2px; &:last-child { border-bottom: 0px; } } } .list-icon { list-style: none; padding-left: 0; ul { list-style: none; } ul { padding: 0; } li { margin-bottom: 10px; margin-left: 20px; } i { font-size: 15px; margin-right: 14px; margin-left: -20px; } &.list-icon-colored li:before, &.icon-list-colored i { color: $color-theme; } li:before { margin-left: -20px; position: absolute; /* font-family: "linea-arrows-10"; */ font-size: 12px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-weight: 900; } &.list-icon-arrow li:before { font-family: "Font Awesome 5 Free"; content: "\f054"; } &.list-icon-arrow-circle li:before { content: "\f0a9"; font-family: "Font Awesome 5 Free"; } &.list-icon-check li:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; } &.list-icon-caret li:before { content: "\f0da"; font-family: "Font Awesome 5 Free"; } &.list-icon-uncheck li:before { content: "\f144"; font-family: "Font Awesome 5 Free"; } &.list-icon-plus li:before { content: "\f055"; font-family: "Font Awesome 5 Free"; } &.list-icon-info li:before { content: "\f05a"; font-family: "Font Awesome 5 Free"; } &.list-icon-circle li:before { content: "\f192"; font-family: "Font Awesome 5 Free"; } } .list-group-item.active { background-color: $color-theme; border: $color-theme; h1, h2, h3, h4, h5, h6, p{ color: $color-white; } } /*.icon-list-colored li:before, .icon-list-colored i { color: $color-theme; } .icon-list-arrow .icon-list-arrow-circle li:before { margin-left: -18px; position: absolute; font-family: "Font Awesome 5 Free"; content: "\f18e"; } */