Learning-HTMX/14-rock-paper-scissors/tailwind.config.js

33 lines
978 B
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,scala}'],
theme: {
extend: {
colors: {
'scissors-from': 'hsl(39, 89%, 49%)',
'scissors-to': 'hsl(40, 84%, 53%)',
'paper-from': 'hsl(230, 89%, 62%)',
'paper-to': 'hsl(230, 89%, 65%)',
'rock-from': 'hsl(349, 71%, 52%)',
'rock-to': 'hsl(349, 70%, 56%)',
'cyan-from': 'hsl(189, 59%, 53%)',
'cyan-to': 'hsl(189, 58%, 57%)',
'dark-text': 'hsl(229, 25%, 31%)',
'score-text': 'hsl(229, 64%, 46%)',
'header-outline': 'hsl(217, 16%, 45%)',
'radial-gradient-bottom': 'hsl(214, 47%, 23%)',
'radial-gradient-top': 'hsl(237, 49%, 15%)',
},
fontFamily: {
'sans': ['Barlow Semi Condensed', 'sans-serif'], // This will set Roboto as the default sans font
},
fontWeight: {
'normal': 400,
'bold': 700,
}
},
},
plugins: [],
}