mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
34 lines
646 B
SCSS
34 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;
|
||
|
|
}
|
||
|
|
}
|