overleaf/services/web/frontend/stylesheets/bootstrap-5/components/list.scss

42 lines
734 B
SCSS
Raw Normal View History

@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;
}
}