From 498913806182905cc0c14bd12a61f9af26fa16b4 Mon Sep 17 00:00:00 2001 From: "David T. Sadler" Date: Mon, 17 Feb 2020 19:59:15 +0000 Subject: Switch over to Jigsaw --- source/_assets/sass/_base.scss | 147 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 147 insertions(+) create mode 100644 source/_assets/sass/_base.scss (limited to 'source/_assets/sass/_base.scss') diff --git a/source/_assets/sass/_base.scss b/source/_assets/sass/_base.scss new file mode 100644 index 0000000..8dc4fd8 --- /dev/null +++ b/source/_assets/sass/_base.scss @@ -0,0 +1,147 @@ +body { + font-size: 17px; +} + +a { + @apply .font-semibold; + @apply .no-underline; + @apply .text-blue-600; + + &:hover { + @apply .text-blue-800; + } +} + +blockquote { + @apply .border-blue-400; + @apply .border-l-4; + @apply .font-normal; + @apply .italic; + @apply .my-8; + @apply .pl-6; + @apply .text-gray-800; + @apply .text-lg; +} + +code { + @apply .bg-gray-300; + @apply .px-2; + @apply .py-px; + @apply .rounded; + @apply .text-sm; +} + +code.hljs { + @apply .bg-transparent; + @apply .p-0; + + .hljs-comment, + .hljs-keyword, + .hljs-meta { + @apply .font-normal; + @apply .not-italic; + } +} + +h1, +h2, +h3, +h4, +h5, +h6 { + @apply .leading-tight; + @apply .mb-4; + @apply .mt-8; + @apply .text-gray-900; + + &:first-child { + @apply .mt-0; + } +} + +h1 { + @apply .font-extrabold; + @apply .text-5xl; +} + +h2 { + @apply .font-bold; + @apply .text-4xl; +} + +h3 { + @apply .font-bold; + @apply .text-3xl; +} + +h4 { + @apply .font-normal; + @apply .text-2xl; +} + +h5 { + @apply .font-normal; + @apply .text-xl; +} + +h6 { + @apply .font-light; + @apply .text-lg; +} + +hr { + @apply .border-b; + @apply .border-blue-200; + @apply .my-12; + @apply .rounded-full; +} + +li { + ul, + ol { + @apply .my-0; + } +} + +ol, +ul { + @apply .my-4; +} + +ol { + @apply .list-decimal; +} + +ul { + @apply .list-disc; +} + +p { + @apply .my-3; + + @screen md { + @apply .my-6; + } +} + +pre { + @apply .bg-gray-200; + @apply .leading-loose; + @apply .my-6; + @apply .overflow-x-auto; + @apply .p-4; + @apply .rounded; + @apply .shadow; + @apply .text-base; + + code { + @apply .bg-transparent; + @apply .block; + @apply .p-0; + } +} + +::selection { + @apply .bg-blue-500; + @apply .text-white; +} -- cgit v1.2.3-13-gbd6f