From 99330374068edc57bb102992509d40bc2aa8293d Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Fri, 2 Mar 2018 20:16:07 +0000 Subject: [PATCH] Fix Tailwind post excerpt --- .../2018-02-05-using-tailwind-css-in-your-drupal-theme.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/source/_posts/2018-02-05-using-tailwind-css-in-your-drupal-theme.md b/source/_posts/2018-02-05-using-tailwind-css-in-your-drupal-theme.md index fb1e9868..39003a4a 100644 --- a/source/_posts/2018-02-05-using-tailwind-css-in-your-drupal-theme.md +++ b/source/_posts/2018-02-05-using-tailwind-css-in-your-drupal-theme.md @@ -7,12 +7,15 @@ tags: - drupal-theming - tailwind-css --- +{% block excerpt %} ## What is Tailwind? > Tailwind is a utility-first CSS framework for rapidly building custom user interfaces. It generates a number of utility classes that you can add to your theme's markup to apply different styling, as well as the ability to apply classes to other markup and create components comprised of utility classes using a custom `@apply` PostCSS directive. +{% endblock %} +{% block content %} ## Initial Configuration The installation and configuration steps are essentially the same as those outlined within the [Tailwind documentation][1], and should be performed within your custom theme's directory (e.g. `sites/all/themes/custom/mytheme` for Drupal 7 or `themes/custom/mytheme` for Drupal 8: @@ -84,6 +87,7 @@ With the `!important` rule enabled though, the Tailwind’s class takes preceden ## Example For an example of Tailwind within a Drupal 8 theme, see the custom theme for the [Drupal Bristol website][0] on GitHub. +{% endblock %} [0]: https://github.com/drupalbristol/drupal-bristol-website/tree/master/web/themes/custom/drupalbristol [1]: https://tailwindcss.com/docs/installation