No entiendo porque no me aparecen los colores del bg-primary… segui paso a paso y no hay manera de que aparezcan Aca mi config de tailwi...

Pregunta de la clase:
Creando la sección de Home
Tomas Langer Duran

Tomas Langer Duran

Pregunta
student
hace 2 años

No entiendo porque no me aparecen los colores del bg-primary… segui paso a paso y no hay manera de que aparezcan

Aca mi config de tailwind por si alguien pudiera ayudarme pues ya no se que mas hacer

module.exports = { content: ["./public/*.{html,js}"], theme: { extend: { "sanFrancisco": "url(./public/img/sanFrancisco.jpg)", "bali": "url(./public/img/bali.jpg)", "chicago": "url(./public/img/chicago.jpg)", "europe": "url(./public/img/europe.jpg)", "iceland": "url(./public/img/iceland.jpg)", "LA": "url(./public/img/LA.jpg)", "miami": "url(./public/img/miami.jpg)", "newYork": "url(./public/img/new_york.jpg)", "norway": "url(./public/img/norway.jpg)", "sanFraciscoDesktop": "url(./public/img/sanFranciscoDesktop.jpg)", "seattle": "url(./public/img/seattle.jpg)", "switzerland": "url(./public/img/switzerland.jpg)", "sydney": "url(./public/img/sydney.jpg)", "yosemite": "url(./public/img/yosemite.jpg)", }, backgroundColor: theme => ({ ...theme("colors"), "primary": "#CC2D4A’", "secondary": "8FA206", "terciary": "#61AEC9", }), textColor:{ "primary": "#CC2D4A", "secondary": "#8FA206", "tertiary": "#61AEC9", }, fontFamily: { roboto: ["Roboto","sans-serif"], }, }, plugins: [ require("@tailwindcss/forms"), require("@tailwindcss/typography"), require("@tailwindcss/aspect-ratio"), ], }
1 respuestas
para escribir tu comentario
    Brandon Cortes Rivera

    Brandon Cortes Rivera

    student
    hace 2 años

    Desconozco cuál sea el tema por el cuál no te este aceptando los colores, ( puede tener algo que ver la actualización de la versión pero puedes colocarlos de esta forma, a mi es como me esta funcionando.

    module.exports = { purge: [], darkMode: false, content: ["./public/index.html", "./src/**/*.{html,js}"], theme: { colors: { 'primary':"#CC2D4A", 'secondary':"#8FA206", 'tertiary':"#61AEC9", "white": "#FFFF", }, fontFamily: { Montserrat: ["Montserrat", "sans-serif"], },
Curso Básico de Tailwind

Curso Básico de Tailwind

Crea tu primer landing page utilizando Tailwind, un framework CSS que te permitirá agilizar el desarrollo de tus proyectos además de aplicar las mejores prácticas y herramientas que llegaron con Tailwind 2.0. Aprende con tu profesora Ana María Díaz (@coding_byanna).

Curso Básico de Tailwind
Curso Básico de Tailwind

Curso Básico de Tailwind

Crea tu primer landing page utilizando Tailwind, un framework CSS que te permitirá agilizar el desarrollo de tus proyectos además de aplicar las mejores prácticas y herramientas que llegaron con Tailwind 2.0. Aprende con tu profesora Ana María Díaz (@coding_byanna).