dfcf728e6f
by @akellbl4 * create infrastructure for site * wip * fix docker build and add readme * add docker-compose as a build and a run method * rename compose file yaml -> yml * add `src` as volume for watching changes * update configs * update README * add padding at the end of the pages * move demo settings in config * fetch latest release from github * update docs navigation - add sections - redirect from root of the section to first doc - nice styles for navigation - add brand colors * cache github data from first load * add redirects and fix link to docs * fix docs nav styles * add installation page placeholder * fix demo * add 404 * add dark theme, add theme switcher, remove unused files * fix dark theme on main page * fix dark theme background * fix node version * change installation docs * add note block * minor fixes * add code highlighting styles * fixes * fixes * mobile navigation, fix code highlighting colors * fix dev server * fix fetching error * fix path to edit Co-authored-by: Pavel Mineev <pavel@mineev.me> Co-authored-by: Dmitry Verkhoturov <paskal.07@gmail.com>
112 lines
2.4 KiB
JavaScript
112 lines
2.4 KiB
JavaScript
const colors = require('tailwindcss/colors')
|
|
const { spacing } = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
purge: ['.eleventy.js', 'src/**/*.{njk,md,html,js}'],
|
|
mode: 'jit',
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
trueGray: colors.trueGray,
|
|
brand: {
|
|
50: '#edfdfb',
|
|
100: '#e0fbf8',
|
|
200: '#aef4ee',
|
|
300: '#4be7dc',
|
|
400: '#1ccac1',
|
|
500: '#16a29f',
|
|
600: '#157f7f',
|
|
700: '#126263',
|
|
800: '#125254',
|
|
900: '#134b4e',
|
|
},
|
|
},
|
|
container: {
|
|
center: true,
|
|
padding: spacing[4],
|
|
screens: {
|
|
sm: '100%',
|
|
md: '860px',
|
|
lg: '940px',
|
|
xl: false,
|
|
},
|
|
},
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
'h1, h2': { color: theme('colors.brand.900') },
|
|
'h3,h4,h5,h6': { color: theme('colors.gray.700') },
|
|
pre: {
|
|
color: theme('colors.gray.500'),
|
|
backgroundColor: theme('colors.gray.100'),
|
|
},
|
|
},
|
|
},
|
|
dark: {
|
|
css: [
|
|
{
|
|
color: theme('colors.gray.300'),
|
|
a: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
strong: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
'ol > li::before': {
|
|
color: theme('colors.gray.400'),
|
|
},
|
|
'ul > li::before': {
|
|
backgroundColor: theme('colors.gray.600'),
|
|
},
|
|
hr: {
|
|
borderColor: theme('colors.gray.300'),
|
|
},
|
|
blockquote: {
|
|
color: theme('colors.gray.300'),
|
|
borderLeftColor: theme('colors.gray.600'),
|
|
},
|
|
h1: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
h2: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
h3: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
h4: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
'figure figcaption': {
|
|
color: theme('colors.gray.400'),
|
|
},
|
|
code: {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
'a code': {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
pre: {
|
|
backgroundColor: theme('colors.gray.800'),
|
|
},
|
|
thead: {
|
|
color: theme('colors.gray.200'),
|
|
borderBottomColor: theme('colors.gray.400'),
|
|
},
|
|
'tbody tr': {
|
|
borderBottomColor: theme('colors.gray.600'),
|
|
},
|
|
hr: {
|
|
borderColor: theme('colors.gray.500'),
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
},
|
|
},
|
|
variants: {},
|
|
plugins: [require('@tailwindcss/typography')],
|
|
}
|