build: initial configuration of Tailwind CSS
This commit is contained in:
parent
613c6b1e0e
commit
87c694eec3
1
fractal/.gitignore
vendored
1
fractal/.gitignore
vendored
|
@ -1 +1,2 @@
|
|||
/node_modules/
|
||||
/public/build/
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: [],
|
||||
content: ["./src/**/*.njk"],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
'use strict';
|
||||
|
||||
const fractal = module.exports = require('@frctl/fractal').create();
|
||||
const mandelbrot = require("@frctl/mandelbrot")
|
||||
const mandelbrot = require("@frctl/mandelbrot");
|
||||
const path = require("path");
|
||||
|
||||
fractal.set('project.title', 'oliverdavies.uk');
|
||||
|
||||
|
@ -9,8 +10,11 @@ fractal.components.set('path', __dirname + '/src/components');
|
|||
fractal.components.engine(require('@frctl/nunjucks'));
|
||||
fractal.components.set('ext', '.njk');
|
||||
|
||||
|
||||
fractal.docs.set('path', __dirname + '/src/docs');
|
||||
|
||||
fractal.web.set('static.path', path.join(__dirname, 'public'));
|
||||
|
||||
fractal.web.theme(
|
||||
mandelbrot({
|
||||
information: [
|
||||
|
|
17
fractal/src/components/_preview.njk
Normal file
17
fractal/src/components/_preview.njk
Normal file
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
||||
<title>{{ _target.title }} · {{ _config.project.title }}</title>
|
||||
|
||||
<link rel="stylesheet" href="{{ '/build/tailwind.css' | path }}">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray-100">
|
||||
{{ yield | safe }}
|
||||
</body>
|
||||
</html>
|
||||
|
Loading…
Reference in a new issue