This commit is contained in:
wangbudui 2020-01-05 00:26:17 +08:00
parent 4560f2b33b
commit baf235e513
4 changed files with 35 additions and 14 deletions

View File

@ -24,17 +24,15 @@ h4 {
} }
blockquote { blockquote {
border-left: 5px solid #ccc; @apply bg-gray-100 p-3 mx-3 my-2 border-l-4 border-gray-400;
@apply bg-gray-100 p-3 mx-3 my-2;
} }
table { table {
@apply m-auto; @apply m-auto border-t border-b border-gray-800 border-solid;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
} }
table thead th { table thead th {
border-bottom: 1px solid #ddd; @apply border-b border-solid border-gray-700
} }
th, th,
td { td {
@ -47,9 +45,8 @@ tr:nth-child(even) {
} }
pre { pre {
border: 1px solid #ddd;
box-shadow: 5px 5px 5px #eee; box-shadow: 5px 5px 5px #eee;
@apply overflow-x-auto p-4; @apply overflow-x-auto p-4 border-2 border-solid border-gray-100;
} }
code { code {
@apply bg-gray-200; @apply bg-gray-200;
@ -67,5 +64,5 @@ ol {
} }
kbd { kbd {
@apply text-xs inline-block rounded border px-1 py-5 align-middle font-normal font-mono shadow; @apply text-xs inline-block bg-gray-100 rounded border p-1 align-middle font-normal font-mono shadow;
} }

View File

@ -3,7 +3,7 @@
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body> <body>
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
<div id="content" class=""> <div id="content" class="flex md:w-4/5 mx-auto py-5">
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
</div> </div>
{{- partial "footer.html" . -}} {{- partial "footer.html" . -}}

View File

@ -1,6 +1,29 @@
{{ define "main" }} {{ define "main" }}
<article class="max-w-3xl mx-auto p-4"> <section class="w-full md:w-1/5">
<h1 class="">{{ .Title }}</h1> <div class="bg-white my-2">
{{ .Content }} <ul class="list-reset">
</article> <li>
<a href="#" class="block p-4 text-grey-darker font-bold">Home</a>
</li>
<li>
<a href="#" class="block p-4 text-grey-darker font-bold">About
us</a>
</li>
<li>
<a href="#" class="block p-4 text-grey-darker font-bold">Services</a>
</li>
<li>
<a href="#" class="block p-4 text-grey-darker font-bold">Contact
us</a>
</li>
</ul>
</div>
</section>
<!-- <article class=" p-4"> -->
<section class="flex-1 p-4 border-l-2 border-black">
<article class="max-w-3xl mx-auto ">
<h1 class="">{{ .Title }}</h1>
{{ .Content }}
</article>
</section>
{{ end }} {{ end }}

View File

@ -6,6 +6,7 @@
"dependencies": {}, "dependencies": {},
"devDependencies": { "devDependencies": {
"@fullhuman/postcss-purgecss": "^1.3.0", "@fullhuman/postcss-purgecss": "^1.3.0",
"postcss-import": "^12.0.1",
"postcss-reporter": "^6.0.1", "postcss-reporter": "^6.0.1",
"tailwindcss": "^1.1.4" "tailwindcss": "^1.1.4"
}, },