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 {
border-left: 5px solid #ccc;
@apply bg-gray-100 p-3 mx-3 my-2;
@apply bg-gray-100 p-3 mx-3 my-2 border-l-4 border-gray-400;
}
table {
@apply m-auto;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
@apply m-auto border-t border-b border-gray-800 border-solid;
}
table thead th {
border-bottom: 1px solid #ddd;
@apply border-b border-solid border-gray-700
}
th,
td {
@ -47,9 +45,8 @@ tr:nth-child(even) {
}
pre {
border: 1px solid #ddd;
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 {
@apply bg-gray-200;
@ -67,5 +64,5 @@ ol {
}
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" . -}}
<body>
{{- partial "header.html" . -}}
<div id="content" class="">
<div id="content" class="flex md:w-4/5 mx-auto py-5">
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}

View File

@ -1,6 +1,29 @@
{{ define "main" }}
<article class="max-w-3xl mx-auto p-4">
<section class="w-full md:w-1/5">
<div class="bg-white my-2">
<ul class="list-reset">
<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>
</article>
</section>
{{ end }}

View File

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