Adjust spacing and colours

This commit is contained in:
Oliver Davies 2018-10-04 00:15:54 +01:00
parent 16b50ed8a3
commit bf7f9db10c
3 changed files with 20 additions and 19 deletions

View file

@ -1,32 +1,32 @@
.markdown
h2
@apply .mt-8 .mb-2
@apply mt-8 mb-3 text-black
h3
@apply .mt-6 .mb-2
h2, h3
@apply text-black
p,
li
a
@apply .link
@apply link
code
@apply .bg-grey-lighter .inline-block .font-mono .text-xs
@apply bg-grey-lighter inline-block font-mono text-xs
padding: 1px 3px
p:last-child
@apply .mb-0
@apply mb-0
pre code,
.hljs
@apply .bg-grey-lighter
@apply .block
@apply .border-grey-dark
@apply .border-l-4
@apply .font-mono
@apply .leading-loose
@apply .overflow-x-scroll
@apply .p-4
@apply .rounded
@apply .text-xs
@apply bg-grey-lighter
@apply block
@apply border-grey-dark
@apply border-l-4
@apply font-mono
@apply leading-loose
@apply overflow-x-scroll
@apply p-4
@apply rounded
@apply text-xs

View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="no-js" lang="en-GB">
<html class="no-js text-sm" lang="en-GB">
<head>
<title>
{% if page.title is defined and page.url != '//' %}
@ -21,12 +21,12 @@
<link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %}
</head>
<body class="font-sans text-black text-sm leading-normal">
<body class="font-sans leading-normal">
<div id="app" v-cloak>
{% include 'layout/navbar' %}
<div class="container mx-auto px-4">
<div class="md:flex -mx-4">
<div class="text-grey-darkest md:flex -mx-4">
<main class="md:w-2/3 lg:w-3/4 px-4 mb-8 lg:mb-0" role="main">
{% block content_top %}{% endblock %}
{% block content_wrapper %}{% block content %}{% endblock %}{% endblock %}

View file

@ -233,6 +233,7 @@ module.exports = {
'4': '1rem',
'6': '1.5rem',
'8': '2rem',
'10': '2.5rem',
'12': '3rem',
'16': '4rem',
},