1
0
mirror of https://github.com/Damillora/Yuika synced 2024-11-22 17:27:32 +00:00

Get some optimizations going

This commit is contained in:
Damillora 2020-11-01 01:38:51 +07:00
parent e2033638f3
commit 979233f82f
4 changed files with 17 additions and 22 deletions

View File

@ -8,6 +8,13 @@
<meta name="HandheldFriendly" content="True" /> <meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
<link rel="preload" as="style" href="{{asset "built/styles.css"}}" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" /> <link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
{{ghost_head}} {{ghost_head}}

View File

@ -7,20 +7,6 @@ const concat = require('gulp-concat');
const uglify = require('gulp-uglify'); const uglify = require('gulp-uglify');
const cleancss = require('gulp-clean-css'); const cleancss = require('gulp-clean-css');
const purgecss = require('@fullhuman/postcss-purgecss')({
// Specify the paths to all of the template files in your project
content: [
'./**/*.hbs',
'./assets/**/*.js',
'./assets/css/styles.css', // This file defines required styles for the Ghost editor
// etc.
],
// Include any special characters you're using in this regular expression
defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
})
function serve(done) { function serve(done) {
livereload.listen(); livereload.listen();
done(); done();
@ -38,7 +24,6 @@ function css () {
// ... // ...
require('tailwindcss'), require('tailwindcss'),
require('autoprefixer'), require('autoprefixer'),
...process.env.NODE_ENV === 'production' ? [purgecss] : []
// ... // ...
])) ]))
// ... // ...

View File

@ -17,12 +17,6 @@ with a `no-image` class so we can style it accordingly.
.responsive-{{slug}}-img { .responsive-{{slug}}-img {
background-image: url({{img_url feature_image size='m'}}); background-image: url({{img_url feature_image size='m'}});
} }
@media(max-width: 767px) {
.responsive-{{slug}}-img {
background-image: url({{img_url feature_image size='m'}});
}
}
</style> </style>
<div class="post-background responsive-{{slug}}-img bg-cover bg-center bg-yuika-blue-500"> <div class="post-background responsive-{{slug}}-img bg-cover bg-center bg-yuika-blue-500">

View File

@ -1,4 +1,13 @@
module.exports = { module.exports = {
purge: {
enabled: true,
content: [
'./**/*.hbs',
'./assets/**/*.js',
'./assets/css/styles.css', // This file defines required styles for the Ghost editor
// etc.
],
},
theme: { theme: {
extend: { extend: {
colors: { colors: {