refactor: order classes using rustywind

This commit is contained in:
Oliver Davies 2022-01-11 00:18:34 +00:00
parent a98ba89b53
commit b82afcbd8c
9 changed files with 15 additions and 15 deletions

View file

@ -3,7 +3,7 @@
<div class="flex mt-4 space-x-4">
<div class="flex-shrink-0">
<img src="{{ avatar.url }}" alt="Picture of Oliver" class="w-16 h-16 border rounded-full border-gray">
<img src="{{ avatar.url }}" alt="Picture of Oliver" class="w-16 h-16 rounded-full border border-gray">
</div>
<div>

View file

@ -1,7 +1,7 @@
<figure class="block">
<img src="{{ image.src }}" alt="{{ image.alt }}" class="p-1 border">
{% if caption %}
<figcaption class="mt-1 mb-0 italic text-sm text-center text-gray-800">
<figcaption class="mt-1 mb-0 text-sm italic text-center text-gray-800">
{{ caption }}
</figcaption>
{% endif %}

View file

@ -1,7 +1,7 @@
<footer class="mt-20">
<nav class="flex flex-wrap justify-center -mb-3">
{% for link in site.menus.footer %}
<a class="mx-3 mb-3 text-sm md:text-lg dark:text-white hover:text-gray-900 dark:hover:text-blue-400 link" href="{{ link.href }}">{{ link.title }}</a>
<a class="mx-3 mb-3 text-sm md:text-lg dark:text-white hover:text-gray-900 link dark:hover:text-blue-400" href="{{ link.href }}">{{ link.title }}</a>
{% endfor %}
</nav>
</footer>

View file

@ -1,11 +1,11 @@
<div>
<div class="max-w-2xl px-4 py-4 mx-auto">
<div class="flex flex-col items-center justify-between md:flex-row">
<div class="py-4 px-4 mx-auto max-w-2xl">
<div class="flex flex-col justify-between items-center md:flex-row">
<div>
<a href="/">
<svg
aria-hidden="true"
class="w-16 h-16 text-blue-primary fill-current dark:text-blue-400 md:w-18 md:h-18"
class="w-16 h-16 fill-current dark:text-blue-400 text-blue-primary md:w-18 md:h-18"
viewBox="0 0 706 504"
xmlns="http://www.w3.org/2000/svg"
>
@ -18,7 +18,7 @@
</div>
<div>
<nav class="flex items-center mt-4 space-x-6 md:mt-0 md:flex-row">
<nav class="flex items-center mt-4 space-x-6 md:flex-row md:mt-0">
{% for item in site.menus.main %}
{% set is_active = page.url matches '#' ~ item.is_active ~ '#' %}
<a class="text-black dark:text-white border-b-3 py-2 hover:border-gray-300 {{ is_active ? 'border-blue-primary dark:border-blue-400' : 'border-transparent' }}" href="{{ item.href }}">{{ item.title }}</a>

View file

@ -1,6 +1,6 @@
<article>
<h2>
<a class="text-blue-primary dark:text-blue-400" href="{{ post.url }}">
<a class="dark:text-blue-400 text-blue-primary" href="{{ post.url }}">
{{ post.title }}
</a>
</h2>

View file

@ -9,8 +9,8 @@ and be notified of any updates.</strong></p>
</div>
<div class="flex overflow-hidden">
<input type="email" value="" name="EMAIL" class="required email block w-full border border-gray p-3 pl-5 rounded-l-full" placeholder="enter your email" aria-label="Email">
<button type="submit" name="subscribe" class="block w-auto border border-gray border-l-0 py-3 pl-5 pr-6 rounded-r-full bg-blue-600 text-white">Subscribe</button>
<input type="email" value="" name="EMAIL" class="block p-3 pl-5 w-full rounded-l-full border required email border-gray" placeholder="enter your email" aria-label="Email">
<button type="submit" name="subscribe" class="block py-3 pr-6 pl-5 w-auto text-white bg-blue-600 rounded-r-full border border-l-0 border-gray">Subscribe</button>
</div>
</div>
</form>