[css] highlights in css file

This commit is contained in:
max/sooulix 2024-08-15 21:38:08 +02:00
parent c66523c52a
commit 6b01e18f8c
3 changed files with 11 additions and 2 deletions

View File

@ -49,3 +49,12 @@ div.organization i {
@apply mr-1; @apply mr-1;
@apply text-stone-500; @apply text-stone-500;
} }
ul.highlights {
@apply pe-4;
}
ul.highlights li {
@apply text-center;
@apply ring;
}

View File

@ -85,7 +85,7 @@
{% if volunteer_item.highlights %} {% if volunteer_item.highlights %}
<ul class="highlights grid grid-cols-4 gap-4"> <ul class="highlights grid grid-cols-4 gap-4">
{% for highlight in volunteer_item.highlights %} {% for highlight in volunteer_item.highlights %}
<li class="bg-slate-700 rounded-md ring-2 ring-blue-500/50 text-center">{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li> <li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
{% endfor %} {% endfor %}
</ul> </ul>
{% endif %} {% endif %}

View File

@ -69,7 +69,7 @@
{% if work_item.highlights %} {% if work_item.highlights %}
<ul class="highlights grid grid-cols-4 gap-4"> <ul class="highlights grid grid-cols-4 gap-4">
{% for highlight in work_item.highlights %} {% for highlight in work_item.highlights %}
<li class="bg-slate-700 rounded-md ring-2 ring-blue-500/50 text-center">{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li> <li>{{ highlight | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</li>
{% endfor %} {% endfor %}
</ul> </ul>
{% endif %} {% endif %}