diff options
author | Wang Chucheng <ccwangchn@gmail.com> | 2020-05-15 08:14:29 +0300 |
---|---|---|
committer | Wang Chucheng <ccwangchn@gmail.com> | 2020-05-15 08:14:29 +0300 |
commit | e753af0c7a75770ea5c931cdef2e0034bac889af (patch) | |
tree | 2f2f7e716bf0578cf4c08628d4ab8cc183faaf95 /assets | |
parent | f8b674b093948597e1c1d6c8a2f7a88cc89541e8 (diff) |
refactor: change the base style
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/markdown.css | 48 | ||||
-rw-r--r-- | assets/css/site.css | 15 | ||||
-rw-r--r-- | assets/css/tailwind.config.js | 3 |
3 files changed, 33 insertions, 33 deletions
diff --git a/assets/css/markdown.css b/assets/css/markdown.css index 05222d3..cc02c11 100644 --- a/assets/css/markdown.css +++ b/assets/css/markdown.css @@ -4,99 +4,99 @@ padding-bottom: 0.125rem; } -.markdown { +.content { @apply text-gray-900 leading-normal break-words; } -.markdown > * + * { +.content > * + * { @apply mt-0 mb-4; } -.markdown li + li { +.content li + li { @apply mt-1; } -.markdown li > p + p { +.content li > p + p { @apply mt-6; } -.markdown strong { +.content strong { @apply font-semibold; } -.markdown a { +.content a { @apply font-semibold; } -.markdown strong a { +.content strong a { @apply font-bold; } -.markdown h1 { +.content h1 { @apply leading-tight border-b text-4xl font-semibold mb-4 mt-6 pb-2; } -.markdown h2 { +.content h2 { @apply leading-tight border-b text-2xl font-semibold mb-4 mt-6 pb-2; } -.markdown h3 { +.content h3 { @apply leading-snug text-lg font-semibold mb-4 mt-6; } -.markdown h4 { +.content h4 { @apply leading-none text-base font-semibold mb-4 mt-6; } -.markdown h5 { +.content h5 { @apply leading-tight text-sm font-semibold mb-4 mt-6; } -.markdown h6 { +.content h6 { @apply leading-tight text-sm font-semibold text-gray-600 mb-4 mt-6; } -.markdown blockquote { +.content blockquote { @apply text-base border-l-4 border-gray-300 pl-4 pr-4 text-gray-600; } -.markdown code { +.content code { @apply font-mono text-sm inline bg-gray-200 rounded px-1 py-05; } -.markdown pre { +.content pre { @apply bg-gray-100 rounded p-4; } -.markdown pre code { +.content pre code { @apply block bg-transparent p-0 overflow-auto rounded-none; } -.markdown ul { +.content ul { @apply text-base pl-8 list-disc; } -.markdown ol { +.content ol { @apply text-base pl-8 list-decimal; } -.markdown kbd { +.content kbd { @apply text-xs inline-block rounded border px-1 py-05 align-middle font-normal font-mono shadow; } -.markdown table { +.content table { @apply text-base border-gray-600; } -.markdown th { +.content th { @apply border py-1 px-3; } -.markdown td { +.content td { @apply border py-1 px-3; } /* Override pygments style background color. */ -/* .markdown .highlight pre { +/* .content .highlight pre { @apply bg-gray-100 !important; } */ diff --git a/assets/css/site.css b/assets/css/site.css index 4748888..c34ddda 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -3,21 +3,18 @@ } .sticky-title { - @apply sticky top-0 + @apply sticky top-16 z-10 bg-tertiary; } .sticky-toc { - @apply sticky top-0 + @apply sticky z-0; + top: 8rem; } -.sticky-toc a { +/* .sticky-toc a { @apply text-gray-100 -} +} */ .sticky-toc a:hover, a:focus { - @apply text-red-900 -} - -.important-text { - @apply text-red-900 !important + @apply text-primary }
\ No newline at end of file diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js index 2f2b890..dfb9473 100644 --- a/assets/css/tailwind.config.js +++ b/assets/css/tailwind.config.js @@ -2,6 +2,9 @@ module.exports = { important: true, theme: { extend: { + inset: { + '16': '4rem', + }, colors: { primary: 'var(--color-primary)', secondary: 'var(--color-secondary)', |