mirror of
https://github.com/umputun/reproxy.git
synced 2025-02-16 18:34:30 +02:00
ab9c5864bb
by @akellbl4 * make cool site for reproxy * remove meta tags with images * fix dark theme * flix styles for sidebar nav * add scroll in sidebar * fix dark theme * fix markdown * remove package lock * add package lock to ignore * add update date and edit button * add build command * move target to public * add build * use gitignore * add logos * Changes - add meta - add close button * add style for code tag * fix favicon color in safari * add logo styles * update favicon * add classic ico favicon * update touch icon * fix sharing images * fix logo * move data to site data file * add fancy mate glass effect on header * make readme as site base * update logo update logo * add stretching width for the content * add dockerfile * fix dark theme bugs * remove usless props * fix logo * fix node version * replce logo for the site * fix path to logo in readme * add more space on logo in readme * fix logo size in readme
122 lines
2.8 KiB
JavaScript
122 lines
2.8 KiB
JavaScript
const colors = require('tailwindcss/colors')
|
|
const { spacing } = require('tailwindcss/defaultTheme')
|
|
|
|
module.exports = {
|
|
mode: 'jit',
|
|
purge: ['src/**/*.njk', 'src/**/*.js', '.eleventy.js'],
|
|
darkMode: 'media',
|
|
theme: {
|
|
extend: {
|
|
container: {
|
|
center: true,
|
|
sm: {
|
|
with: '100%',
|
|
},
|
|
},
|
|
colors: {
|
|
orange: colors.orange,
|
|
},
|
|
typography: (theme) => ({
|
|
DEFAULT: {
|
|
css: {
|
|
maxWidth: '100%',
|
|
paddingLeft: spacing[12],
|
|
paddingRight: spacing[12],
|
|
color: theme('colors.gray.700'),
|
|
'h2,h3,h4': {
|
|
'scroll-margin-top': spacing[24],
|
|
},
|
|
'blockquote p:first-of-type::before': false,
|
|
'blockquote p:last-of-type::after': false,
|
|
'code::before': false,
|
|
'code::after': false,
|
|
img: {
|
|
margin: spacing[2],
|
|
display: 'initial',
|
|
},
|
|
code: {
|
|
wordWrap: 'break-word',
|
|
fontWeight: 'normal',
|
|
backgroundColor: theme('colors.gray.100'),
|
|
color: theme('colors.gray.700'),
|
|
paddingTop: spacing[1],
|
|
paddingBottom: spacing[1],
|
|
paddingLeft: spacing[2],
|
|
paddingRight: spacing[2],
|
|
borderRadius: spacing[1],
|
|
},
|
|
},
|
|
},
|
|
dark: {
|
|
css: [
|
|
{
|
|
color: theme('colors.gray.400'),
|
|
'[class~="lead"]': {
|
|
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: {
|
|
backgroundColor: theme('colors.gray.700'),
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
'a code': {
|
|
color: theme('colors.gray.200'),
|
|
},
|
|
pre: {
|
|
color: theme('colors.gray.300'),
|
|
backgroundColor: theme('colors.gray.800'),
|
|
},
|
|
thead: {
|
|
color: theme('colors.gray.200'),
|
|
borderBottomColor: theme('colors.gray.400'),
|
|
},
|
|
'tbody tr': {
|
|
borderBottomColor: theme('colors.gray.600'),
|
|
},
|
|
},
|
|
],
|
|
},
|
|
}),
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {
|
|
typography: ['responsive', 'dark'],
|
|
},
|
|
},
|
|
plugins: [require('@tailwindcss/typography')],
|
|
}
|