overleaf/services/web/frontend/stylesheets/bootstrap-5/components/list.scss
Jessica Lawshe 7cef8b5bdc Merge pull request #20723 from overleaf/jel-cms-lists-headers
[web] Reduce bottom margin on headers in styled lists

GitOrigin-RevId: 0cbf93d4ef4e251afe71b4b726346b4d9e382f4f
2024-10-14 10:57:48 +00:00

41 lines
734 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);
h2,
h3,
h4,
h5,
h6 {
margin-bottom: var(--spacing-04);
}
}
}
.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;
}
}