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

40 lines
1.2 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,scala}'],
theme: {
extend: {
colors: {
'scissors-dark': 'hsl(39, 89%, 49%)',
'scissors-bright': 'hsl(40, 84%, 53%)',
'paper-dark': 'hsl(230, 89%, 62%)',
'paper-bright': 'hsl(230, 89%, 65%)',
'rock-dark': 'hsl(349, 71%, 52%)',
'rock-bright': '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-top': 'hsl(214, 47%, 23%)',
'radial-gradient-bottom': '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,
},
backgroundImage: {
// this is still from the output.css hmmm.
'triangle-pattern': "url('images/bg-triangle.svg')",
},
backgroundSize: {
'60%': '60%',
},
},
},
plugins: [],
}