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:
parent
e2033638f3
commit
979233f82f
@ -8,8 +8,15 @@
|
|||||||
<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="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
|
<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"}}" />
|
||||||
|
|
||||||
{{ghost_head}}
|
{{ghost_head}}
|
||||||
</head>
|
</head>
|
||||||
<body class="{{body_class}}">
|
<body class="{{body_class}}">
|
||||||
|
15
gulpfile.js
15
gulpfile.js
@ -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] : []
|
|
||||||
// ...
|
// ...
|
||||||
]))
|
]))
|
||||||
// ...
|
// ...
|
||||||
|
@ -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">
|
||||||
|
|
||||||
|
@ -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: {
|
||||||
|
Loading…
Reference in New Issue
Block a user