overleaf/services/web/frontend/stylesheets/bootstrap-5/components/list.scss
Jessica Lawshe ecb0655241 Merge pull request #20572 from overleaf/jel-cms-styled-list
[web] Render styled lists on `Element | Content`

GitOrigin-RevId: 9d951e2339a85cc89b14991bbde2bc4d4316852a
2024-09-25 08:06:06 +00:00

33 lines
646 B
SCSS

@mixin list-checkmark {
$icon-size: 24px;
ul {
list-style: none;
margin-top: var(--spacing-06);
padding-left: 0;
}
li {
background-size: $icon-size $icon-size;
margin-bottom: var(--spacing-05);
padding-left: calc(var(--spacing-05) + $icon-size);
}
}
.list-checkmark-green {
@include list-checkmark;
li {
background: url('../../../../public/img/website-redesign/check-in-green-circle.svg')
no-repeat left top;
}
}
.list-checkmark-blue {
@include list-checkmark;
li {
background: url('../../../../public/img/website-redesign/check-in-blue-circle.svg')
no-repeat left top;
}
}