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

Fix Tailwind post excerpt

Browse source
This commit is contained in:
Oliver Davies 2018-03-02 20:16:07 +00:00
parent fadf144395
commit 9933037406
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
source/_posts/2018-02-05-using-tailwind-css-in-your-drupal-theme.md
View file

@ -7,12 +7,15 @@ tags:
- drupal-theming - drupal-theming
- tailwind-css - tailwind-css
--- ---
{% block excerpt %}
## What is Tailwind? ## What is Tailwind?
> Tailwind is a utility-first CSS framework for rapidly building custom user interfaces. > 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. 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 ## 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: 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 ## Example
For an example of Tailwind within a Drupal 8 theme, see the custom theme for the [Drupal Bristol website][0] on GitHub. 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 [0]: https://github.com/drupalbristol/drupal-bristol-website/tree/master/web/themes/custom/drupalbristol
[1]: https://tailwindcss.com/docs/installation [1]: https://tailwindcss.com/docs/installation