weeheavy/pelican-theme
1
0
Fork 0
forked from github/pelican
Code Pull requests Activity

feat: use Tailwind typography and implement rose pine, WIP

Browse source
This commit is contained in:
Oliver Ladner 2024-10-26 00:28:57 +02:00
commit 08e2883d56
13 changed files with 4750 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

54
pelican/themes/simple/tailwind.config.js
View file

@ -1,28 +1,50 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./templates/*.html"],
plugins: [require("@tailwindcss/typography")],
theme: {
//spacing: {},
//fontSize: {
// sm: "0.8rem",
// base: "1.2rem",
// xl: "1.25rem",
// "2xl": "1.563rem",
// "3xl": "1.953rem",
// "4xl": "2.441rem",
// "5xl": "3.052rem",
// "6xl": "4.052rem",
// "7xl": "5.052rem",
//},
//fontFamily: {
//sans: ["Erode", "sans-serif"],
//serif: ["Recia", "serif"],
//},
// We don't use extend as we want to limit certain things like colors,
// fontsize to our own liking
extend: {},
extend: {
colors: {
// rose pine palette: https://rosepinetheme.com/palette/
"rp-moon-base": "#faf4ed", // main background
"rp-moon-surface": "#fffaf3", // navigation background
"rp-moon-overlay": "#f2e9e1", // content background
"rp-moon-foam": "#56949f", // main site title
"rp-moon-text": "#575279",
"rp-moon-muted": "#9893a5",
"rp-moon-subtle": "#797593",
"rp-moon-iris": "#907aa9", // links
"rp-moon-highlight-med": "#dfdad9", // footer
"rp-moon-gold": "#ea9d34", // headings
},
typography: {
DEFAULT: {
css: {
// remove backticks from Typography for inline code
"code::before": {
content: '""',
},
// remove backticks from Typography for inline code
"code::after": {
content: '""',
},
//code: {
// "background-color": "#f4ede8",
// padding: "0.3rem",
//},
//highlight: {
// "background-color": "#e5e7eb",
// padding: "0.3rem",
//},
},
},
},
},
},
plugins: [],
//corePlugins: {
// preflight: false,
//},