opdavies/drupal-tailwindcss-purgecss-test
Archived
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Remove prefix

Browse source
This commit is contained in:
Oliver Davies 2019-07-16 01:44:09 +01:00
parent 71ddab99df
commit 613a322071
4 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/themes/contrib/tailwindcss/tailwind.config.js
View file

@ -1,5 +1,5 @@
module.exports = { module.exports = {
prefix: 'tw-', prefix: '',
important: true, important: true,
theme: { theme: {
extend: {}, extend: {},

6
web/themes/contrib/tailwindcss/templates/block/block--system-branding-block.html.twig
View file

@ -14,14 +14,14 @@
*/ */
#} #}
{% block content %} {% block content %}
<div class="tw-flex tw-items-center"> <div class="flex items-center">
{% if site_logo %} {% if site_logo %}
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-logo tw-mr-2"> <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home" class="site-logo mr-2">
<img src="{{ site_logo }}" alt="{{ 'Home'|t }}" /> <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
</a> </a>
{% endif %} {% endif %}
{% if site_name %} {% if site_name %}
<div class="site-name tw-text-2xl"> <div class="site-name text-2xl">
<a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a> <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
</div> </div>
{% endif %} {% endif %}

10
web/themes/contrib/tailwindcss/templates/layout/page.html.twig
View file

@ -45,7 +45,7 @@
* @ingroup themeable * @ingroup themeable
*/ */
#} #}
<div class="tw-container tw-mx-auto tw-p-4 tw-bg-blue-100"> <div class="container mx-auto p-4 bg-blue-100">
<header role="banner"> <header role="banner">
{{ page.header }} {{ page.header }}
@ -63,19 +63,19 @@
<main role="main"> <main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #} <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="md:tw-flex tw--mx-4"> <div class="md:flex -mx-4">
<div class="md:tw-flex-1 tw-p-4"> <div class="md:flex-1 p-4">
{{ page.content }} {{ page.content }}
</div>{# /.layout-content #} </div>{# /.layout-content #}
{% if page.sidebar_first %} {% if page.sidebar_first %}
<aside class="md:tw-w-1/4 tw-p-4" role="complementary"> <aside class="md:w-1/4 p-4" role="complementary">
{{ page.sidebar_first }} {{ page.sidebar_first }}
</aside> </aside>
{% endif %} {% endif %}
{% if page.sidebar_second %} {% if page.sidebar_second %}
<aside class="md:tw-w-1/4" role="complementary"> <aside class="md:w-1/4" role="complementary">
{{ page.sidebar_second }} {{ page.sidebar_second }}
</aside> </aside>
{% endif %} {% endif %}

2
web/themes/contrib/tailwindcss/webpack.mix.js
View file

@ -8,5 +8,5 @@ mix.postCss('src/tailwind.css', 'dist', [
.purgeCss({ .purgeCss({
folders: ['templates'], folders: ['templates'],
extensions: ['html', 'twig'], extensions: ['html', 'twig'],
whitelistPatterns: [/tw-bg-red-200/] whitelistPatterns: [/bg-red-200/]
}) })