overleaf/services/web/frontend/stylesheets/components/lists.less
Jessica Lawshe e63905b315 Merge pull request #10525 from overleaf/jel-icons
[web] Use Material icon for CMS icon list

GitOrigin-RevId: 927a7565ebf76343b734af83eb703e0cf91bae37
2022-11-18 09:05:37 +00:00

49 lines
1,023 B
Text

.list-like-table {
border: 1px solid @hr-border;
border-radius: @border-radius-base;
list-style: none;
margin: 0;
padding: 0 @padding-sm;
li {
border-top: 1px solid @hr-border;
div {
display: table-cell;
float: none;
vertical-align: middle;
}
.row {
display: table;
margin: 0;
width: 100%;
}
&:first-child {
border-top: 0;
}
}
}
.list-style-check-green {
list-style-image: url('../../../public/img/fa-check-green.svg');
}
.icon-bullet-list {
@icon-bullet-list-icon-size: 30px;
ul {
list-style: none;
padding-left: 20px;
}
&.checked {
li {
background: url('../../../public/img/material-icon-circle-green.svg')
no-repeat left top;
background-size: @icon-bullet-list-icon-size @icon-bullet-list-icon-size;
min-height: @icon-bullet-list-icon-size;
margin-bottom: 18px;
padding-left: 42px;
&:first-line {
line-height: @icon-bullet-list-icon-size;
}
}
}
}