onnxruntime/tailwind.config.js
Maanav Dalal f8e689f5f2
Made requested accessibility changes. (#20318)
### Description
Made requested changes from Accessibility audit. Live at:
[maanavd.github.io/onnxruntime/](https://maanavd.github.io/onnxruntime/)



### Motivation and Context
Related issues addressed: 
#20259, #20261, #20263, #20264, #20096, #20100, #20101, #20102, #20103,
#20119, #20120, #20123

Co-authored-by: MaanavD <maanavdalal@microsoft.com>
2024-04-17 14:21:33 -07:00

60 lines
No EOL
1.3 KiB
JavaScript

import { d } from 'svelte-highlight/languages';
const defaultTheme = require('tailwindcss/defaultTheme')
import flattenColorPalette from 'tailwindcss/lib/util/flattenColorPalette';
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,svelte,js,ts}'],
theme: {
extend: {
animation:{
scroll:
'scroll var(--animation-duration, 40s) var(--animation-direction, forwards) linear infinite'
},
keyframes:{
scroll: {
to: {
transform: 'translate(calc(-50% - 0.5rem))'
}
}
}
},
screens: {
'xs': '360px',
...defaultTheme.screens
}
},
plugins: [require('daisyui')],
daisyui: {
themes: [
{
darkmode: {
...require('daisyui/src/theming/themes')['[data-theme=business]'],
primary: '#0099cc',
'base-100': '#212933',
info: '#d1d1d1',
},
lightmode: {
...require('daisyui/src/theming/themes')['[data-theme=corporate]'],
primary: '#80dfff',
'base-100': '#f3f4f6',
info: '#d1d1d1',
}
}
],
base: true,
styled: true,
utils: true
}
};
function addVariablesForColors({ addBase, theme }) {
let allColors = flattenColorPalette(theme('colors'));
let newVars = Object.fromEntries(
Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
);
addBase({
':root': newVars
});
}