Just tested your config and it worked but there is a lot more going on. Only thing I can think of with Valet is loading errors. anything in your console?
Oct 28, 2020
2
Level 17
Tailwind on Valet
I put this in Mix though I have no idea what's actually happening.
I just got a new Macbook so I thought I'd set up Valet and give it a twirl.
I have an app with custom Tailwind fonts like so:
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
extend: {
fontFamily: {
sans: ["Montserrat", ...defaultTheme.fontFamily.sans],
ui: "Inter var",
logo: "Asmiyati",
},
fontSize: {
'7xl': '6rem',
'8xl': '8rem',
},
colors: {
ceru: {
100: '#E6F8FC',
200: '#BFECF8',
300: '#99E1F3',
400: '#4DCBEB',
500: '#00B4E2',
600: '#00A2CB',
700: '#006C88',
800: '#005166',
900: '#003644',
},
cyan: {
100: "#b2ebf2",
200: "#80deea",
300: "#4dd0e1",
400: "#26c6da",
500: "#00bcd4",
600: "#00acc1",
700: "#0097a7",
800: "#00838f",
900: "#006064"
},
facebook: '#3b5999',
twitter: '#55acee',
github: '#959da5',
},
}
},
variants: {
'shadowOutline': ['focus'],
},
plugins: [
require('@tailwindcss/custom-forms'),
require('tailwindcss-shadow-outline-colors')(),
require('@tailwindcss/typography'),
],
future: {
removeDeprecatedGapUtilities: true,
purgeLayersByDefault: true,
}
}
I have purgeCss running only on production. I'm importing Monserrat from Google, and Inter from CDN and have a local instance of Asmiyati.
When I run mix I end up with all my chosen fonts overridden.
But only on Valet, in Homestead it works as expected.
Anybody know what's goin on?
Please or to participate in this conversation.