1
0
mirror of https://github.com/onkelbeh/cheatsheets.git synced 2025-06-15 14:47:53 +02:00
cheatsheets/tailwind.config.mjs
Rico Sta. Cruz 42dd9eff84
Readability updates (#2134)
This PR updates the headings to avoid thin font weights and low
constrast ratios.

<table>
<tr>
<th>Before</th>
<th>After</th>
</tr>
<tr>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/b7313b99-0376-49c1-84cd-e3476b2c84ff)

</td>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/c2aec010-9976-4543-910b-dd9112995846)

</td>
</tr>
<tr>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/e214d4a5-9a20-4a86-abc8-3261fc418192)

</td>
<td>


![image](https://github.com/rstacruz/cheatsheets/assets/74385/71a91afc-aa7b-4b8b-adf2-30a976c4a324)

</td>
</tr>
</table>
2024-04-03 23:37:00 +11:00

54 lines
1.3 KiB
JavaScript

import resolveConfig from 'tailwindcss/resolveConfig'
const defaults = resolveConfig({})
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
extend: {
spacing: {
// max-widths
content: '1232px',
slim: '740px'
},
colors: {
mildindigo: {
50: '#F2F1F8',
100: '#E8E7F3',
200: '#D0CFE8',
300: '#B5B4DA',
400: '#9E9CCF',
500: '#8784C3',
600: '#6F6BB7',
700: '#4C4893',
800: '#312F60',
900: '#191730',
950: '#0C0C18'
}
},
fontFamily: {
manrope: ['Manrope', ...defaults.theme.fontFamily.sans]
},
boxShadow: {
'lg-cool': [
'0 1px 1px rgb(0 0 80 / 0.05)',
'0 1.5px 3px -1px rgb(0 0 80 / 0.15)',
'0 4px 6px -1px rgb(0 0 80 / 0.07)',
'0 8px 12px -1px rgb(0 0 80 / 0.04)'
].join(', '),
'md-cool': [
'0 0 0 1px rgb(0 0 80 / 0.1)',
'0 1px 1px rgb(0 0 80 / 0.1)',
'0 1.5px 3px -2px rgb(0 0 80 / 0.3)',
'0 4px 6px rgb(0 0 80 / 0.04)',
'0 8px 12px -1px rgb(0 0 80 / 0.03)'
].join(', ')
}
}
},
plugins: []
}