Diferencia entre revisiones de «Usuario:ManuelRomero/tailwind»

Revisión de 03:00 18 ene 2021

Tailwind: qué es

• Lo podemos ver como un frameword de css
• Es una tecnología relativamente nueva y es una forma cómoda y muy flexible de usar css basado en clases
• La primera versión 1/11/2017

Instalación

 npx tailwindcss-cli@latest build -o tailwind.css

 npm install tailwindcss@latest postcss@latest autoprefixer@latest

• Usando el CDN, no se recomienda su uso, ya que se limitaría su uso

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

• Opcional puedes crear una fichero de configuración

 npx tailwindcss init

Esto creará un fichero en el directorio principal del proyecto : tailwind.config.js

// tailwind.config.js
module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {},
  plugins: [],
}