opdavies/oliverdavies.uk-old-sculpin
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update testimonial styling

Browse source
This commit is contained in:
Oliver Davies 2018-09-04 20:42:56 +01:00
parent c62e084647
commit 3fdb15f5cd
2 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/sass/components/markdown.sass
View file

@ -14,6 +14,10 @@
@apply .bg-grey-lighter .inline-block .font-mono .text-xs @apply .bg-grey-lighter .inline-block .font-mono .text-xs
padding: 1px 3px padding: 1px 3px
p:last-child
@apply .mb-0
pre code, pre code,
.hljs .hljs
@apply .bg-grey-lighter @apply .bg-grey-lighter

10
source/testimonials.html.twig
View file

@ -69,17 +69,18 @@ testimonials:
{% block content %} {% block content %}
<div class="listing"> <div class="listing">
{% for testimonial in page.testimonials|reverse %} {% for testimonial in page.testimonials|reverse %}
<article class="mb-12"> <article class="flex flex-row-reverse items-center mb-12">
{% if testimonial.image %} {% if testimonial.image %}
<div class="float-right mb-4 ml-4"> <div class="flex-none">
<img <img
src="{{ site.url }}/images/testimonials/{{ testimonial.image }}" src="{{ site.url }}/images/testimonials/{{ testimonial.image }}"
alt="{{ testimonial.name }}" alt="{{ testimonial.name }}"
class="with-border with-padding rounded-full w-16 h-16" class="with-border with-padding rounded-full w-16 h-16 ml-4"
> >
</div> </div>
{% endif %} {% endif %}
<div class="flex-1">
<div class="mb-2"> <div class="mb-2">
<h2 class="mb-1 leading-none">{{ testimonial.name }}</h2> <h2 class="mb-1 leading-none">{{ testimonial.name }}</h2>
@ -90,7 +91,10 @@ testimonials:
{% endif %} {% endif %}
</div> </div>
<div class="markdown">
{{ testimonial.text|markdown }} {{ testimonial.text|markdown }}
</div>
</div>
</article> </article>
{% endfor %} {% endfor %}
</div> </div>