🎨 Minimizes Tailwind and the dev banner

Fixes #100
This commit is contained in:
Jeff Triplett 2020-10-02 14:21:06 -05:00
parent 01521af9b6
commit c67a1b8324
No known key found for this signature in database
GPG Key ID: BD6DAFC4D1A381EA
6 changed files with 108719 additions and 106951 deletions

View File

@ -12,14 +12,20 @@ lint:
.PHONY: static
static:
@npx -p tailwindcss@${TAILWIND_CSS_VERSION} tailwindcss build \
@JEKYLL_ENV=production \
npx -p tailwindcss@${TAILWIND_CSS_VERSION} tailwindcss build \
./src/style.css \
--config ./tailwind.config.js \
--output ./assets/style.css
@npx -p tailwindcss@${TAILWIND_CSS_VERSION} tailwindcss build \
./src/style.css \
--config ./tailwind.config.js \
--output ./assets/development.css
.PHONY: serve
serve:
bundle exec jekyll serve --drafts --watch --port 4000
@bundle exec jekyll serve --drafts --watch --port 4000
.PHONY: toc
toc:

View File

@ -5,7 +5,11 @@
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Awesome Django</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
{% if jekyll.environment == 'development' %}
<link rel="stylesheet" href="{{ site.baseurl }}/assets/development.css" />
{% else %}
<link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css" />
{% endif %}
</head>
<body class="debug-screens max-w-screen-lg mx-auto py-8 px-4 sm:px-6 lg:py-8 lg:px-8 border border-2">
<body class="max-w-screen-lg mx-auto py-8 px-4 sm:px-6 lg:py-8 lg:px-8 border border-2 {% if jekyll.environment == 'development' %}debug-screens{% endif %}">

108700
assets/development.css Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -4,4 +4,3 @@ module.exports = {
autoprefixer: {},
},
}

View File

@ -4,10 +4,10 @@ module.exports = {
purgeLayersByDefault: true,
},
purge: {
enabled: false, //process.env.JEKYLL_ENV == "production",
enabled: process.env.JEKYLL_ENV == "production",
mode: 'all',
content: [
'*.html'
'**/*.html'
],
},
plugins: [