feat: add Quicksand font
Some checks failed
continuous-integration/drone/push Build is failing

This commit is contained in:
kolaente 2022-01-26 22:49:09 +01:00
parent 004ebf016a
commit 8b9055ccf1
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
4 changed files with 25 additions and 4 deletions

View File

@ -1,7 +1,7 @@
{{ partial "header.html" . }}
<div class="max-w-screen-xl mx-auto">
<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline">
<div class="max-w-screen-xl mx-auto mt-4">
<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold">
{{ partial "headline-hash.html" .Content }}
</article>
</div>

View File

@ -13,7 +13,7 @@
<a class="navbar-item" href="/">
<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}" class="h-10 my-2"/>
</a>
<div id="navMenu" class="text-white flex">
<div id="navMenu" class="text-white flex font-title font-semibold">
{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
<a class="block h-full py-4 px-2 hover:bg-primary-darker {{ if $currentNode.IsMenuCurrent "page" . }}bg-primary-darker{{ end }}" href="{{ .URL }}">
{{ .Name }}

View File

@ -1,3 +1,19 @@
@import url('/fonts/fonts.css');
/* Setting a base font size */
body {
font-size: 16px;
}
@tailwind base;
@tailwind components;
@tailwind utilities;
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
@apply font-title font-semibold;
}

View File

@ -1,3 +1,5 @@
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
content: [
'./src/*.css',
@ -11,7 +13,10 @@ module.exports = {
DEFAULT: '#196aff',
darker: '#0064ff',
}
}
},
fontFamily: {
title: ['Quicksand', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [