🎨 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 .PHONY: static
static: static:
@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 \ @npx -p tailwindcss@${TAILWIND_CSS_VERSION} tailwindcss build \
./src/style.css \ ./src/style.css \
--config ./tailwind.config.js \ --config ./tailwind.config.js \
--output ./assets/style.css --output ./assets/development.css
.PHONY: serve .PHONY: serve
serve: serve:
bundle exec jekyll serve --drafts --watch --port 4000 @bundle exec jekyll serve --drafts --watch --port 4000
.PHONY: toc .PHONY: toc
toc: toc:

View File

@ -5,7 +5,11 @@
<meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Awesome Django</title> <title>Awesome Django</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <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" /> <link rel="stylesheet" href="{{ site.baseurl }}/assets/style.css" />
{% endif %}
</head> </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: {}, autoprefixer: {},
}, },
} }

View File

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