Просто используй инлайн-стили

• #Вёрстка
• #Tailwind

Пока верстаю этот сайт пришла мысль

Предыдущая тема для сайта, til, использовала Tailwind. Tailwind крутой, жаль что нельзя приложить желаемые классы к тэгам, которые генерирует goldmark, и приходится использовать @apply - в файлике стилей.

Однако, почему бы не использовать инлайн-стили?

<div style="display: flex">
...

Из преимуществ - стили всегда рядом. Не будет сюрпризов из того, что стили где-то переиначиваются.

Недостатков несколько:

• Если использовать аттрибут style - на изменение dom браузер будет пересчитывать все стили. Это плохо для производительности
  • Но у меня простейший сайт, без изменений dom - пофиг
• inline-стили будут много раз повторяться.
  • Но у меня легчайшие странички и очень мало стилей. Оверхед незначительнейший по-сравнению с любой взрослой страницей.

Увы, красивых декларативных стилей с псевдоклассами так не сделать. Например:

<ul style="
  list-style: none;
  display: flex;
  padding: 0;
  margin-top: 0.5rem;
">
{{- range $i, $tag := . }}
  <li style="
  margin-top: 0;
  margin-left: {{- if eq $i 0 }}0{{- else }}0.5rem{{- end }};"><a href="{{ .RelPermalink }}">#{{ .LinkTitle }}</a></li>
{{- end }}
</ul>

Императивно! Harmless! Я это в меме увидел.

Так что, разрешу-ка я себе делать так, как я хочу.

Разрешаю и вам.